PlotSet LogoPlotSet

How to Create a Connections Globe

A step by step walkthrough for drawing flows between countries as arcs on a rotatable globe in PlotSet, with a ranked leaderboard, year slider and an embed code you can paste anywhere.

Environ 8 minutes

An interactive globe with arcs between countries, a ranked list of the biggest connections and an optional year slider, ready to embed on a page, is what you will have at the end.

Expect about eight minutes. You need a table with one row per connection: where it starts, where it ends and, ideally, how large it is.

Les données dont vous avez besoin

One row per connection. Two columns are required: the origin and the destination. A value column sets arc thickness, a category column sets colour and a year or region column can drive a filter.

Exemple de CSV
OriginDestinationMigrants (thousands)Destination regionYear
MexicoUnited States860North America2015
IndiaUnited Arab Emirates2360Asia2015
IndiaUnited States1850North America2015
Remarques

Country names, ISO codes such as US or USA, and common spellings are recognised, and different spellings of one country are merged.

Rows whose origin or destination cannot be matched are dropped, not shown as an error.

For cities or other places, add latitude and longitude columns for the origin and destination.

Without a value column every row counts as 1, so arcs are all the same thickness.

Les étapes

Le parcours exact dans PlotSet, d'un modèle vierge à un graphique terminé.

  1. 01

    Open the Connections Globe template

    From the PlotSet dashboard, start a new project and choose Connections Globe from the Graphs and flows category. It loads with sample migration data and a year slider.

    Le sélecteur de modèles de PlotSet : les catégories de graphiques listées à gauche, la grille 'Bar Charts' ouverte et la carte du modèle 'Bar Chart' affichant son bouton 'Select'.
    Chaque guide commence ici. Choisissez la catégorie, puis le modèle : c'est la même grille quel que soit le type de graphique visé.
  2. 02

    Add your connections

    Import a CSV or .xlsx file, paste rows from a spreadsheet, or connect a Google Sheet. Replace the sample rows with your own origin and destination pairs.

    La vue données de l'éditeur PlotSet : une grille de tableur dont les colonnes 'Name', 'Value' et 'Region' sont remplies de chiffres par province canadienne, à côté du panneau 'Data' qui propose l'import d'un CSV, 'Magic Import' et la synchronisation d'une Google Sheet.
    La vue données, ici sur un projet de graphique en barres. Importez un CSV, extrayez les chiffres d'une image avec 'Magic Import' ou synchronisez une Google Sheet. Le panneau est identique pour tous les types de graphique.
  3. 03

    Check the column bindings

    Confirm the source and target columns first. Then bind a value column for arc thickness and a category column for colour. Headers like Origin and Destination are usually detected automatically.

    Le panneau de données de PlotSet avec les associations de colonnes mises en évidence : 'Label/time' affecté à la colonne A, 'Values' à la colonne B et 'Filter/color' à la colonne C, et le bouton 'Auto Binding' juste en dessous.
    Les associations déterminent quelle colonne devient l'étiquette, laquelle fournit les valeurs et laquelle pilote la couleur. 'Auto Binding' les devine à partir de vos en-têtes : vérifiez-les plutôt que de les tenir pour acquises.
  4. 04

    Add a filter for years or regions

    Bind a filter column, then in the Filters tab choose a dropdown, buttons or a slider. A slider with autoplay steps through years on its own.

  5. 05

    Style the globe

    In the Globe tab choose a colour preset for the ocean and land, and toggle borders, the graticule and the atmosphere glow. Set the starting rotation and whether the globe turns by itself.

    L'éditeur PlotSet sur l'onglet 'Preview' : un graphique Connections Globe terminé sur le canevas, avec le panneau de réglages entouré en rouge le long du bord droit.
    L'onglet 'Preview' pour un graphique Connections Globe. Tous les réglages de style se trouvent dans le panneau entouré en rouge : apparence, en-tête, pied de page et les options propres à ce type de graphique, chacun dans un onglet distinct.
  6. 06

    Tune the arcs

    In the Connections tab set how values are combined, the colour mode, line width and curvature, arrowheads, animated flow dots and a minimum value to hide small flows.

  7. 07

    Set up the leaderboard and legend

    In the Leaderboard tab choose how many rows to show, the title and whether to display value bars. Turn on the legend if you coloured arcs by category.

  8. 08

    Publish and embed

    Publish for a live, interactive globe and copy the embed code from the Share dialog. Rotate and click a country in the published version to check it before you share it.

    La barre d'outils de l'éditeur PlotSet avec le bouton 'Share' mis en évidence, juste à côté du bouton 'Export'.
    C'est par 'Share' qu'un graphique terminé devient un lien public et un code d'intégration.

Partez du modèle Connections Globe avec des données d'exemple déjà chargées, puis remplacez-les par les vôtres.

Ouvrir le modèle

Publier, intégrer ou exporter

La dernière ligne droite est la même pour tous les types de graphique : 'Share' transforme le graphique en lien public actif et en code d'intégration, 'Export' l'enregistre sous forme de fichier statique.

Share : lien public et code d'intégration

Activer le code d'intégration et le lien public revient à publier le graphique. Le lien peut être envoyé à qui vous voulez sans risque, et le code d'intégration s'insère dans n'importe quelle page sous la forme d'une iframe qui conserve les infobulles au survol et l'interactivité. Si vous modifiez le graphique par la suite, cliquez sur 'Recreate' pour répercuter ces changements sur le lien comme sur le code.

La barre d'outils de l'éditeur PlotSet avec le bouton 'Share' mis en évidence, juste à côté du bouton 'Export'.
C'est par 'Share' qu'un graphique terminé devient un lien public et un code d'intégration.
La fenêtre 'Share' de PlotSet : l'interrupteur qui active le code d'intégration et le lien public, les boutons 'Link', 'Embed', Facebook, Reddit, Twitter, LinkedIn et Email, et le lien public du graphique avec un bouton 'Copy'.
Activez le code d'intégration et le lien public, puis copiez le lien ou récupérez l'iframe. 'Recreate' répercute vos modifications ultérieures sur le lien et le code déjà partagés.

Export : SVG, PNG ou JPG

Le bouton 'Export' génère une copie statique à la taille dont vous avez besoin. Le SVG reste net à toutes les échelles et peut encore être modifié dans un outil de design ; PNG et JPG sont les choix sûrs pour les présentations et les documents. C'est le multiplicateur d'échelle qui vous donne une image nette sur un écran retina.

La barre d'outils de l'éditeur PlotSet avec le bouton 'Export' mis en évidence.
C'est par 'Export' que vous obtenez un fichier statique pour une diapositive ou un rapport.
La fenêtre 'Export chart' de PlotSet : un sélecteur d'échelle réglé sur 2x, les champs de largeur et de hauteur à 1000 × 600, et le menu des formats ouvert, affichant SVG, PNG et JPG.
Le SVG reste net à toutes les tailles et modifiable dans un outil de design ; PNG et JPG sont les choix sûrs pour une présentation. Réglez l'échelle avant d'exporter pour que l'image soit nette sur un écran retina.

Conseils de style pour un Connections Globe

Keep the arcs few

Use the minimum value setting to hide small flows so the large ones stand out.

Use a dark ocean

Bright arcs read best on a dark globe, and the glow adds depth without hiding data.

Colour by destination region

A category column turns the arcs into a quick read of where flows end up, with a legend to match.

Let it turn

Auto-rotate shows the whole globe without any interaction, which helps on pages where readers only scroll past.

Erreurs courantes en créant un Connections Globe

Some rows are missing

A name was not recognised and the row was dropped. Check the spelling, use ISO codes or add latitude and longitude columns.

All the arcs are the same thickness

No value column is bound, so every row counts as 1. Bind the numeric column in the Data tab.

A city sits in the wrong place

Without coordinates the chart places a country at its centre. Add latitude and longitude for exact positions.

The leaderboard drops below the globe

On narrow screens the list stacks under the globe by default. Change the narrow-screen setting in the Leaderboard tab if you prefer a side panel.

En savoir plus sur le Connections Globe

Vous n'êtes pas sûr que le Connections Globe soit le bon choix ? Découvrez ce que c'est, quand l'utiliser et quand l'éviter.

À propos du Connections Globe

Connections Globe : questions fréquentes

Not for countries. Names and ISO codes are looked up automatically. You only need latitude and longitude for cities or other places.

Créez votre Connections Globe maintenant

Gratuit pour commencer avec plus de 300 modèles. Aucune carte bancaire requise.