PlotSet LogoPlotSet

How to Create a 3D Map

A step by step walkthrough for building a tilted world map with points, raised countries and a timeline in PlotSet.

Etwa 8 Minuten

You will end up with a world map seen at an angle, with a point for each row of your data and an optional timeline that plays them.

Expect about eight minutes. Most of it goes on choosing the camera angle and what the height of each country means.

Die Daten, die Sie brauchen

One row per event or place, with a name, a latitude and a longitude and, if you want them, a date, a value and a country.

Beispiel-CSV
NameLatitudeLongitudeDateLocation
Tohoku38.3142.42011-03-11Japan
Valdivia-38.2-73.11960-05-22Chile
Alaska61.0-147.61964-03-28United States
Sumatra3.395.92004-12-26Indonesia
Hinweise

Latitude runs from -90 to 90 and longitude from -180 to 180, as plain numbers.

Write dates as ISO dates such as 2011-03-11 so the timeline can play them.

To raise countries, add rows with a country name and a value to total.

Only the name, latitude and longitude columns are required.

Die Schritte

Der genaue Klickpfad in PlotSet, von einer leeren Vorlage bis zum fertigen Diagramm.

  1. 01

    Open the 3D Map template

    From the PlotSet dashboard, start a new project and choose 3D Map from the 3D Plots category. It loads with earthquakes from 1901 to 2020.

    Die Vorlagenauswahl von PlotSet: links die Liste der Diagrammkategorien, daneben das geöffnete Raster "Bar Charts" und die Vorlagenkarte "Bar Chart" mit ihrer Schaltfläche "Select".
    Jede Anleitung beginnt hier. Wählen Sie erst die Kategorie, dann die Vorlage. Das Raster ist für jeden Diagrammtyp dasselbe.
  2. 02

    Add your rows

    Import a CSV or .xlsx file, paste rows from a spreadsheet, or connect a Google Sheet. Each row becomes one point.

    Die Datenansicht im PlotSet-Editor: ein Tabellenraster mit den Spalten "Name", "Value" und "Region", gefüllt mit Zahlen zu kanadischen Provinzen, daneben der Bereich "Data" mit "Upload CSV File", "Magic Import" und der Synchronisierung über "Google Sheet".
    Die Datenansicht, hier in einem Balkendiagramm-Projekt. Laden Sie über "Upload CSV File" eine CSV-Datei hoch, holen Sie die Zahlen mit "Magic Import" aus einem Bild oder verbinden Sie ein Google Sheet. Der Bereich sieht bei jedem Diagrammtyp gleich aus.
  3. 03

    Check the column bindings

    Bind the name, latitude and longitude columns first. Then add a value, a category, a country and a date if you have them.

    Der Datenbereich von PlotSet mit hervorgehobenen Spaltenzuordnungen: "Label/time" auf Spalte A, "Values" auf Spalte B und "Filter/color" auf Spalte C, darunter die Schaltfläche "Auto Binding".
    Die Zuordnungen legen fest, welche Spalte zur Beschriftung wird, welche die Werte liefert und welche die Farbe steuert. "Auto Binding" errät sie anhand Ihrer Spaltenüberschriften. Prüfen Sie das Ergebnis, statt sich darauf zu verlassen.
  4. 04

    Set the camera

    In the 3D view tab, set the pitch, the bearing and the perspective. The Map tab picks the projection and the basemap style.

    Der PlotSet-Editor im Tab "Preview": ein fertiges Diagramm vom Typ "3D Map" auf der Arbeitsfläche und der rot umrandete Einstellungsbereich am rechten Rand.
    Der Tab "Preview" für ein Diagramm vom Typ "3D Map". Alle Gestaltungsoptionen stecken im umrandeten Bereich: Aussehen, Kopfzeile, Fußzeile und die Optionen, die es speziell für diesen Diagrammtyp gibt, jeweils in einem eigenen Tab.
  5. 05

    Raise countries by a value

    In the Regions tab, turn extrusion on and choose which column sets each country's height and colour.

  6. 06

    Style the points

    The Points tab sets the style, the size and the colour. Turn on clustering if dense areas hide each other.

  7. 07

    Add a timeline

    Bind a date column and the Time tab plays the events as a sweep, with a counter and a graph under the map.

  8. 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.

    Die Werkzeugleiste des PlotSet-Editors mit der hervorgehobenen Schaltfläche "Share" direkt neben der Schaltfläche "Export".
    Über "Share" werden aus dem fertigen Diagramm ein öffentlicher Link und ein Einbettungscode.

Starten Sie mit der 3D Map-Vorlage samt bereits geladenen Beispieldaten und ersetzen Sie diese durch Ihre eigenen.

Vorlage öffnen

Veröffentlichen, einbetten oder exportieren

Der letzte Abschnitt ist bei jedem Diagrammtyp gleich: "Share" macht aus dem Diagramm einen öffentlichen Live-Link und einen Einbettungscode, "Export" schreibt es als statische Datei heraus.

"Share": öffentlicher Link und Einbettungscode

Aktivieren Sie den Einbettungscode und den öffentlichen Link, um das Diagramm zu veröffentlichen. Den Link können Sie bedenkenlos an alle weitergeben, und der Einbettungscode fügt sich als iframe in jede Seite ein. Die Tooltips beim Überfahren mit der Maus und die volle Interaktivität bleiben erhalten. Wenn Sie das Diagramm später bearbeiten, überträgt "Recreate" die Änderungen auf Link und Einbettung.

Die Werkzeugleiste des PlotSet-Editors mit der hervorgehobenen Schaltfläche "Share" direkt neben der Schaltfläche "Export".
Über "Share" werden aus dem fertigen Diagramm ein öffentlicher Link und ein Einbettungscode.
Der Dialog "Share" von PlotSet: der Schalter, der den Einbettungscode und den öffentlichen Link aktiviert, die Schaltflächen "Link", "Embed", "Facebook", "Reddit", "Twitter", "LinkedIn" und "Email" sowie der öffentliche Diagrammlink mit der Schaltfläche "Copy".
Aktivieren Sie den Einbettungscode und den öffentlichen Link, kopieren Sie dann den Link oder den iframe-Code. Mit "Recreate" erreichen spätere Änderungen alle, die den Link bereits haben.

"Export": SVG, PNG oder JPG

"Export" schreibt eine statische Kopie in der Größe heraus, die Sie brauchen. SVG bleibt in jeder Skalierung scharf und lässt sich weiterhin in einem Design-Tool bearbeiten; PNG und JPG sind die sichere Wahl für Folien und Dokumente. Der Skalierungsfaktor sorgt dafür, dass das Bild auf einem Retina-Display gestochen scharf wirkt.

Die Werkzeugleiste des PlotSet-Editors mit der hervorgehobenen Schaltfläche "Export".
Über "Export" bekommen Sie eine statische Datei für eine Folie oder einen Bericht.
Der Dialog "Export chart" von PlotSet: die Skalierungsauswahl auf 2x, die Felder für Breite und Höhe mit 1000 mal 600 und das geöffnete Formatmenü mit "SVG", "PNG" und "JPG".
SVG bleibt in jeder Größe scharf und im Design-Tool bearbeitbar; PNG und JPG sind die sichere Wahl für eine Präsentation. Stellen Sie die Skalierung vor dem Export ein, damit das Bild auf einem Retina-Display gestochen scharf ist.

Styling-Tipps für 3D Map

Keep the pitch moderate

A tilt of thirty to forty degrees adds depth without squeezing the far side.

Shade and raise by different columns

Use one column for colour and another for height to show two things at once.

Filter with buttons

The Filters tab adds buttons that hide or dim rows by category.

Add a callout

The Annotations tab pins a line of text to a latitude and longitude.

Häufige Fehler bei 3D Map

The map does not play

The date column is missing or not bound to Time. Use ISO dates in that column.

A country is not raised

Its name did not match. Use the English name or its ISO code. Very small countries have no shape in the base map.

Points look jumbled

Too many points overlap. Lower the size range or turn on clustering.

The map looks flat

The pitch is set to zero. Raise it in the 3D view tab.

Mehr über 3D Map erfahren

Nicht sicher, ob 3D Map die richtige Wahl ist? Erfahren Sie, was es ist, wann Sie es verwenden sollten und wann nicht.

Über 3D Map

3D Map: häufige Fragen

Yes. Include a row for each country you want raised and leave the rest out.

Jetzt 3D Map erstellen

Kostenlos starten mit über 300 Vorlagen. Keine Kreditkarte erforderlich.