CSV de exemplo
| Reporter | Commodity | Trade Value | Lat | Long |
|---|---|---|---|---|
| Canada | Diamond | 1247851120 | 59 | -110 |
| India | Precious stones | 422597543 | 22.5 | 80 |
| South Africa | Diamond | 331675424 | -29 | 22 |
| Brazil | Precious stones | 98250000 | -10 | -55 |
How to Create a Marker Map
A step by step walkthrough for plotting places with emoji or image icons, labels, a legend and custom popups in PlotSet.
Cerca de 7 minutosYou will end up with a map where each row of your data is a marker, with an icon for its category, a name beside it and a popup.
Expect about seven minutes. Most of it goes on choosing the icons and writing the popup.
Os dados que você precisa
One row per place, with a latitude and a longitude and, if you want them, a name, a category and a number.
Latitude runs from -90 to 90 and longitude from -180 to 180, as plain numbers.
A category column gives each group its own icon and a legend.
A number column scales the markers so their area follows the value.
A row without usable coordinates is skipped and counted under the map.
Os passos
O caminho exato no PlotSet, de um modelo em branco até o gráfico finalizado.
- 01
Open the Marker Map template
From the PlotSet dashboard, start a new project and choose Marker Map from the Maps category. It loads with fifty gem exports by country.
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. - 02
Add your places
Import a CSV or .xlsx file, paste rows from a spreadsheet, or connect a Google Sheet. Each row becomes one marker.
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. - 03
Check the column bindings
Bind the latitude and longitude columns first. Then choose a label, a category and, if you want sized markers, a number column.
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. - 04
Pick an icon for each category
In the Markers tab, give each category an emoji or an image link, one per line, in the form name: icon.
A aba Preview de um gráfico do tipo Marker Map. 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. - 05
Write the popup
In the Tooltip tab, write a header and body, and put column names in double braces to fill in each place's values.
- 06
Tune the labels and legend
The Labels tab sets the font and halo, and the Legend tab shows icons or colour swatches with your own title.
- 07
Set the view
The Basemap tab sets tilt, rotation and the projection. The Inset tab adds a small globe that shows where the view sits.
- 08
Publish and embed
Publish for a live chart and copy the embed code from the Share dialog. Check the map at the width of your page before you share it.
É pelo Share que um gráfico finalizado vira um link público e um código de incorporação.
Comece pelo modelo de Marker Map com dados de exemplo já carregados, depois substitua-os pelos seus.
Abrir o modeloPublique, 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.
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.
Dicas de estilo para um Marker Map
Use emoji for quick icons
An emoji looks the same on every device and needs no image hosting.
Keep categories few
Five or six icons stay easy to tell apart in the legend.
Link your source
A source line under the map tells readers where the figures came from.
Size by area
A size column scales the area of each marker, so twice the value looks twice as big.
Erros comuns ao fazer um Marker Map
Markers are in the wrong place
Latitude and longitude are probably swapped. Check that latitude is the first number.
Some names are missing
Labels that overlap are hidden. Zoom in or hover over a marker to see its name.
A popup shows the plain list
A name in double braces did not match a column. Check the spelling against your headers.
A warning appears under the map
Some rows had no usable coordinates. Fill them in or remove them.
Saiba mais sobre o Marker Map
Não tem certeza se o Marker Map é a escolha certa? Veja o que é, quando usar e quando evitar.
Marker Map: perguntas frequentes
Yes. Paste an image link as the icon for a category or in the marker column.
Crie seu Marker Map agora
Grátis para começar com mais de 300 modelos. Sem cartão de crédito.