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.

Cerca de 8 minutos

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.

Os dados que você precisa

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.

CSV de exemplo
OriginDestinationMigrants (thousands)Destination regionYear
MexicoUnited States860North America2015
IndiaUnited Arab Emirates2360Asia2015
IndiaUnited States1850North America2015
Anotações

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.

Os passos

O caminho exato no PlotSet, de um modelo em branco até o gráfico finalizado.

  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.

    O seletor de modelos do PlotSet: as categorias de gráficos listadas à esquerda, a grade Bar Charts aberta e o card do modelo Bar Chart mostrando o botão Select.
    Todo guia começa aqui. Escolha a categoria e depois o modelo: a grade é a mesma, seja qual for o tipo de gráfico que você quer.
  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.

    A visualização de dados do editor do PlotSet: uma planilha com as colunas Name, Value e Region preenchidas com números de províncias canadenses, ao lado do painel Data, que oferece envio de CSV, Magic Import e sincronização com o Google Sheet.
    A visualização de dados, aqui em um projeto de gráfico de barras. Envie um CSV, extraia os números de uma imagem com o Magic Import ou sincronize um Google Sheet. O painel é idêntico para todos os tipos de gráfico.
  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.

    O painel Data do PlotSet com os vínculos de colunas em destaque: Label/time apontando para a coluna A, Values para a coluna B e Filter/color para a coluna C, com o botão Auto Binding logo abaixo.
    Os vínculos definem qual coluna vira o rótulo, qual fornece os valores e qual comanda a cor. O Auto Binding tenta adivinhá-los a partir dos seus cabeçalhos, então confira o resultado em vez de dar como certo.
  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.

    O editor do PlotSet na aba Preview: um gráfico do tipo Connections Globe já finalizado na área de edição e, na lateral direita, o painel de configurações contornado em vermelho.
    A aba Preview de um gráfico do tipo Connections Globe. Todos os controles de estilo ficam no painel contornado em vermelho: aparência, cabeçalho, rodapé e as opções específicas desse tipo de gráfico. Cada grupo fica em sua própria aba.
  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.

    A barra de ferramentas do editor do PlotSet com o botão Share em destaque, ao lado do botão Export.
    É pelo Share que um gráfico finalizado vira um link público e um código de incorporação.

Comece pelo modelo de Connections Globe com dados de exemplo já carregados, depois substitua-os pelos seus.

Abrir o modelo

Publique, incorpore ou exporte

A reta final é igual para todo tipo de gráfico: o Share transforma o gráfico em um link público interativo e em um código de incorporação; o Export gera um arquivo estático.

Share: link público e código de incorporação

Ativar o código de incorporação e o link público é o que publica o gráfico. O link pode ser enviado com segurança para qualquer pessoa, e o código de incorporação entra em qualquer página como um iframe que mantém a interatividade e os tooltips ao passar o mouse. Edite o gráfico depois e clique em Recreate para levar essas mudanças aos dois.

A barra de ferramentas do editor do PlotSet com o botão Share em destaque, ao lado do botão Export.
É pelo Share que um gráfico finalizado vira um link público e um código de incorporação.
A janela Share do PlotSet: a chave que ativa o código de incorporação e o link público, os botões Link, Embed, Facebook, Reddit, Twitter, LinkedIn e Email, e o link público do gráfico com um botão Copy.
Ative o código de incorporação e o link público, depois copie o link ou pegue o iframe. O Recreate leva as edições seguintes a todo mundo que já tem o link.

Export: SVG, PNG ou JPG

O Export grava uma cópia estática no tamanho que você precisar. O SVG continua nítido em qualquer escala e ainda pode ser editado em uma ferramenta de design; PNG e JPG são as escolhas seguras para slides e documentos. É o multiplicador de escala que garante uma imagem nítida em uma tela retina.

A barra de ferramentas do editor do PlotSet com o botão Export em destaque.
O Export é o caminho para gerar um arquivo estático para um slide ou um relatório.
A janela Export chart do PlotSet: um seletor de escala em 2x, campos de largura e altura definidos como 1000 por 600 e o menu de formatos aberto com SVG, PNG e JPG.
O SVG continua nítido em qualquer tamanho e editável em uma ferramenta de design; PNG e JPG são as escolhas seguras para uma apresentação. Defina a escala antes de exportar para que a imagem fique nítida em uma tela retina.

Dicas de estilo para um 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.

Erros comuns ao fazer um 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.

Saiba mais sobre o Connections Globe

Não tem certeza se o Connections Globe é a escolha certa? Veja o que é, quando usar e quando evitar.

Sobre o Connections Globe

Connections Globe: perguntas frequentes

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

Crie seu Connections Globe agora

Grátis para começar com mais de 300 modelos. Sem cartão de crédito.