Design von Visualisierungen

Tooltips sind Anmerkungen zu einem Diagramm oder einer Karte, die erscheinen, sobald man auf einen bestimmten Punkt in einer Grafik klickt oder den Mauszeiger über einen bestimmten Punkt bewegt (z.B. eine Region auf einer Karte oder eine Linie / ein Balken in einem Diagramm).

In den Standardeinstellungen zeigt das Tooltip für jeden Datenpunkt das Datenfeld der Beschriftungsachse bei Diagrammen (bzw. der Region bei Karten) und darunter das korrespondierende Datenfeld der Werteachse (bzw. des Werts bei Karten) an. 

Welche Felder ausgewählt sind, siehst Du in den Basiseinstellungen unterhalb der Auswahl des Visualisierungstyps. Hier kannst Du gegebenenfalls natürlich auch ein anderes Datenfeld für die Achsen auswählen, je nachdem, was Du mit Deiner Visualisierung darstellen möchtest.

Im Bereich des Tooltips hast Du die Möglichkeit Datenfelder hinzuzufügen (näheres dazu findest Du hier), Schriften zu formatieren, Verlinkungen und Statistiken einzufügen.

Für die beispielhafte Erläuterung verwenden wir in diesem Tutorial die Kartendarstellung der Weltbevölkerung pro Land für das Jahr 2020, wie hier dargestellt.

Verlinkungen einfügen

Du kannst Verlinkungen zu externen Websites hinzufügen indem Du das Datenfeld oder den Text, den Du als Verlinkung verwenden möchtest, markierst und auf das Kettensymbol (URL einfügen) klickst – hier kannst Du den URL der Website einfügen, auf die Du verweisen möchtest. Sobald Du auf den Text klickst, gelangst Du also zur Website.

Statistik einfügen

Der Vorteil darin eine Statistik ins Tooltip einzufügen ist, dass spezifische Informationen für die ausgewählten Regionen oder Balken dargestellt werden können. Um eine Statistik ins Tooltip einzufügen, musst Du zuvor eine Statistik erstellen, welche über eine Referenzierungsspalte verfügt – das bedeutet, dass sie eine Spalte umfassen muss die auch in der primären Visualisierung vorkommt. Beide Visualisierungen müssen für die Verlinkung abgespeichert sein.

In unserem Beispiel fügen wir das Liniendiagramm zur erwarteten Bevölkerungszahlen pro Land bis 2100 in das Tooltip unserer Weltbevölkerungs-Kartendarstellung ein.

Das machst Du indem Du im Tooltip-Editor auf Statistik einfügen gehst – hier hast Du anschließend die Möglichkeit eine Statistik auf drei unterschiedliche Varianten einzufügen.

  1. Meinen vorhandenen Statistiken (öffentlich oder nicht gelistet)
  2. Datenfeld (Slug muss im Feld sein)
  3. Spezifischer Slug

Nachdem Du Deine Statistik ausgewählt hast – auf welche Art Du das machst spielt hier keine Rolle – gelangst Du zu den Importoptionen der Statistik. In den Einstellungen hast Du die Möglichkeit die Breite und die Höhe anzupassen und beide Statistiken zu verknüpfen. Die Verknüpfung hat den Vorteil, dass immer nur die Informationen angezeigt werden, die zu Deinem ausgewählten Inhalt passen – aus diesem Grund ist es wichtig, dass idente Spalten in beiden Visualisierungen vorhanden sind. Unter Verknüpfung wählst Du die beiden zusammengehörigen Spalten aus und erstellst einen Join – Deine Statistik wird automatisch angepasst.

Read more

Im Tutorial Entwurfsvorlage erstellen haben wir uns angeschaut, wie Du die von dir angepassten Einstellungen als Entwurfsvorlage speicherst. Jetzt zeigen wir Dir, wie Du die gespeicherte Entwurfsvorlage auf eine Visualisierung anwendest.

Hierzu gehst Du in den Bereich Entwurfsvorlage und wählst anschließend Deine gewünschte Vorlage aus. Hier kannst Du auswählen, welche Anpassungen der Vorlage Du jetzt übernehmen möchtest.

Sollte Dir ein Aspekt Deiner Entwurfsvorlage nicht mehr zusagen, kannst Du sie aktualisieren. Wie Du das machst, zeigen wir Dir hier.

Read more

Nachdem wir uns jetzt angesehen haben, wie wir eine Entwurfsvorlage erstellen und wie wir diese in anderen Darstellungen anwenden, zeigen wir Dir jetzt, wie Du diese aktualisieren kannst. So einfach wie Du die Entwurfsvorlage erstellt hast, kannst Du sie auch aktualisieren.

Du passt in Deiner aktuellen Darstellung jenen Aspekt, den Du aktualisieren möchtest, an, daraufhin gehst Du in den Bereich Entwurfsvorlagen und wählst bei der gewünschten Vorlage unter den weiteren Optionen Aktualisieren aus. Jetzt musst Du nur noch die Einstellungen auswählen, die Du aus der angepassten Darstellung übernehmen möchstest.

WICHTIG: Aktualisierungen können nachträglich nicht rückgängig gemacht werden!

Read more

Eine Entwurfsvorlage umfasst vordefinierte Einstellungen für Deine Visualisierungen. Mithilfe der Entwurfsvorlagen schaffst Du es, dass Deine erstellten Statistiken und Karten dieselbe Darstellungsform haben. Es ist eine Möglichkeit, die Dir viel Zeit bei der Gestaltung erspart und eine Homogenität Deiner Visualisierungen gewährleistet.

Nachdem Du Deine Karte oder Statistik Deinen Wünschen entsprechend angepasst hast (welche Möglichkeiten Du hierfür besitzt findest Du unter Schriften und Text-Design, Farben und Legenden und Animationen), kannst Du nun Deine Entwurfsvorlage erstellen. Hierfür gehst du unter Entwurfsvorlagen auf + Neu Erstellen. Hier gibst Du anschließend Deine gewünschte Bezeichnung für die Vorlage ein. Außerdem kannst Du diese auch um eine Beschreibung erweitern.

Wie Du gesehen hast, kannst Du in der Entwurfvorlage auswählen, welche Punkte Du für zukünftige Visualisierungen übernehmen möchtest.

WICHTIG: für jeden Darstellungstypen musst Du zunächst eine Formatierung erstellen, damit Du sie anschließend weiterverwenden kannst. Die Einstellung einer Choroplethen Karte kann nicht auf beispielsweise ein Balkendiagramm angewandt werden.

Nachdem Du Deine Entwurfvorlage erstellt hast, wird sie hinzugefügt und Du kannst sie in Zukunft für Deine weiteren Visualisierungen verwenden. Wie Du das machst, erklären wir Dir hier. Außerdem kannst Du Deine Entwurfvorlage auch aktualisieren, wie das funktioniert findest Du hier.

Read more

Ein Visual-Filter ist ein Filter, mit dem in einer Visualisierung ausgewählt werden kann, welche Daten angezeigt werden. Visual-Filter können für sämtliche Visualisierungsarten (Kartendarstellungen und Statistiken) erstellt werden und unterschiedliche Attribute umfassen. Wie Du Deine Statistik um einen Visual-Filter erweitern kannst, erfährst Du in diesem Tutorial.

Wir zeigen Dir anhand einer unserer Visualisierungen beispielhaft, wie Du Deinen Datensatz anpassen kannst. Verwendet wird der Datensatz der 20 Länder mit den aktuell meisten Corona-Infizierten, wie hier dargestellt.

Nach dem Upload der Daten wurde eine Geo-Spalte (grün) und mehrere Nummer-Spalten erkannt (magenta).

Wie du erkennen kannst, befinden sich in dem Datensatz mehr als 20 Länder. In der Ursprungsstatistik hat ein Filter dafür gesorgt, dass lediglich die Top 20 Länder angezeigt werden.

Nach dem Klick auf Speichern und der anschließenden Statistikanzeige im Editor erhalten wir eine mehrere Seiten umfassende Statistik, die wir um einen Länderfilter erweitern werden.

Um eine interaktive Landesauswahl – ein Dropdown – einzufügen, gehst du im Bereich Allgemeines auf Filter. Unter Dropdown der Statistik hinzufügen kannst Du ein Dropdown für ein ausgewähltes Datenfeld in deine Statistik einbinden. Du willst hier eine Landesauswahl einfügen, aus diesem Grund wählst Du das Field country aus und änderst den Filtertitel anschließend auf Landesauswahl.

Im Dropdown Menü kannst Du jetzt die Länder auswählen, die du darstellen möchtest. Das Dropdown ist für jeden Nutzer/ jede Nutzerin deiner Statistik verfügbar und verändert Deinen verwendeten Datensatz nicht.

Mit der Auswahl der gewollten Länder verändert sich Deine Statistik automatisch.

In unseren anderen Tutorials erfährst Du außerdem, wie Du Dropdowns aus Deiner Statistik entfernst, und auch, wie Du unterschiedliche Filter-Typen für die Darstellung auswählst.

Read more

Mit einem Smart Filter kannst Du Deine Statistik auf eine bestimmte Anzahl an Inhalten reduzieren. Mit dem Smart Filter – Top/ Bottom kannst Du Dir entweder immer die höchsten Werte (Top) oder die niedrigsten (Bottom) anzeigen lassen kannst. Dieser Filter eignet sich sowohl für Statistiken, als auch für Kartendarstellungen, in denen eine Rangliste dargestellt wird. Die Integrierung der beiden Filter ist ident.

Wie Du einen Smart Filter – Top/ Bottom einfügst, zeigen wir Dir in diesem am Beispiel der Statistik zu den täglichen Corona-Neuinfektionen weltweit, wie hier dargestellt.

Nach der Integration des Datensatzes und der Anpassung des Layouts (Hilfe hierzu findest Du in unseren weiteren Tutorials), fügst Du jetzt einen Smart Filter – Top/ Bottom zu Deiner Statistik hinzu.

Dafür gehst Du im Bereich Allgemeines auf Filter. Anschließend kannst Du unter Smart Filter den Smart Filter – Top/ Bottom hinzufügen. Hier definierst Du im nächsten Schritt die Anzahl der Top/ Bottom Einträge, die angezeigt werden sollen.

Indem Du beim Hinzufügen des Smart Filters Höchster Wert auswählst, definierst Du, dass die Werte absteigend sortiert werden und Du die gewünschte Rangliste erhältst und nicht nur die obersten/ untersten Tabelleneinträge.

WICHTIG: Es ist nicht möglich, sowohl den Smart Filter – Top, als auch den Smart Filter – Bottom gleichzeitig anzeigen zu lassen.

Read more

Mit einem Smart Filter kannst Du Deine Statistik auf eine bestimmte Anzahl an Inhalten kürzen. Das besondere daran ist, dass Du Dir mit dem Smart Filter – Latest immer die zuletzt hinzugefügten Einträge anzeigen lassen kannst. Dieser Filter eignet sich ideal für Statistiken, in denen Du beispielsweise immer die letzten 30 Datenpunkte (oder Tage) anzeigen lassen möchtest.

Wie Du den Smart Filter – Latest einbindest, zeigen wir Dir beispielhaft in diesem Tutorial. Verwendet wird die Statistik zu den täglichen Corona-Impfungen in Deutschland, wie hier dargestellt.

Nach der Integration des Datensatzes und der Anpassung des Layouts (Hilfe hierzu findest Du in unseren weiteren Tutorials), fügst Du jetzt einen Smart Filter – Latest zu Deiner Statistik hinzu.

Dafür gehst Du zunächst im Bereich Allgemeines auf Filter. Hier kannst Du unter Smart Filter den Smart Filter – Latest hinzufügen. An dieser Stelle definierst Du anschließend die Anzahl der neuesten Einträge die angezeigt werden sollen.

Mit jeder Aktualisierung des Datensatzes wird die Datenanzeige jetzt auf die (in diesem Fall 90) neuesten Einträge angepasst.

WICHTIG: Dein Datensatz muss über eine Datum-Spalte (blau) verfügen, da der Datensatz sonst nicht auf die neuesten gekürzt werden kann.

Read more

Mit einem Smart Geo Filter bist Du in der Lage, Deinen angezeigten Datensatz auf eine bestimmte Region zu reduzieren. Du kannst beispielsweise deinen Datensatz für ein gesamtes Land auf einzelne Bundesländer reduzieren und somit verschiedene Visualisierungen schnell aus lediglich einem Datensatz mit ein paar Klicks erstellen.

Betrachten wir das anhand eines Beispiels. Wir verwenden die von uns erstellte Choroplethen Karte zu den bestätigten COVID-19 Infektionen in den Kreisen und kreisfreien Städten Deutschlands. 

In diesem Fall willst Du Deine Daten für die Kreise und kreisfreien Städte in Deutschland auf Baden-Württemberg reduzieren.

Hierzu gehst Du im Bereich Allgemeines auf Filter in die Filtereinstellungen. Für den Smart Geo Filter benötigst Du jetzt den Bereich Filter. 

In diesem Auswahlbereich kannst Du Deine gewünschte Region auswählen – in diesem Fall Baden-Württemberg. Nachdem Du Baden-Württemberg ausgewählt hast, wird Deine Visualisierung angepasst und sieht jetzt folgendermaßen aus:

Falls Du im Anschluss die Region wechseln möchtest, wiederholst Du den Vorgang für deine gewünschte Region.

Mit unserem Smart Geo Filter kannst Du auch nach bestimmten Ländern oder auch Bündnissen filtern.

Für dieses Beispiel verwenden wir die Choroplethenkarte, die den Index zur weiblichen Chancengleichheit weltweit für das Jahr 2021 darstellt.

Hier willst Du die Regionen auf die Mitgliedsstaaten der EU 2020 filtern.

Du wählst also unter Allgemeines > Filter > Filter ebenfalls die Weltkugel aus.

Hier befinden sich nun alle möglichen Filtervarianten, die für Deinen verwendeten Layer geeignet sind.

Mit EU(2020) reduzierst Du deinen Datensatz also auf die Mitgliedsstaaten der EU im Jahr 2020.

Deine Kartendarstellung sieht im Anschluss folgendermaßen aus:

Sollte Dir eine Filterungsmöglichkeit fehlen, wende dich an uns unter [email protected] und wir kümmern uns so schnell wie Möglich um Deinen Wunsch.

Read more

Die Formatierung gibt Dir die Möglichkeit den angezeigten Text Deinen Vorstellungen entsprechend anzupassen. Im Grunde kannst Du jeden angezeigten Text Deiner Visualisierung formatieren. In diesem Tutorial zeigen wir Dir wie Du die Formatierung bereits im Datensatz durchführen kannst.

Verwendet wird der Datensatz der COVID-19 (Coronavirus): Entwicklung Verdopplungszahlen: Kreise Deutschland, wie hier dargestellt.

Nach dem Upload der Daten wurde eine Geo-Spalte (grün), mehrere Nummer–Spalten (magenta) und eine Datum-Spalte (blau) erkannt. 

WICHTIG: Aktuell unterstützen wir nur den Upload des Englischen Datumformats! Solltest Du also ein anderes Datumformat (z.B. amerikanisches – MM.TT.JJJJ) haben, solltest Du dieses vorher umformatieren, da unser System diese Spalte ansonsten nicht als Datum kennzeichnen kann.

Die ersten Formatierungsanpassungen sind bereits im Dateneditor möglich. Hier kannst Du das Datumsformat und die Werteanzeige anpassen. Für die weiteren Spalten wie Geo (grün) und Text (orange) kannst Du sowohl Präfix als auch Suffix einfügen.

Formatieren des Datums

Während des Uploads wird das importierte Datum automatisch erkannt. Du kannst allerdings das Datum in einem anderen Format in der Visualisierung anzeigen lassen.

Um das Anzeigeformat schon im Dateneditor zu ändern, klickst Du auf das Uhren-Symbol der Datum-Spalte. Hier wechselst Du unter wähle das angezeigte Datum Format auf Dein gewünschtes Format. Jedes Format umfasst die Anzeigevarianten und eine beispielhafte Darstellung daneben.

Formatieren von Zahlen

Beim Upload wird automatisch erkannt, ob die von Dir hochgeladenen Spalten Werte beinhalten. Diese werden als Nummer-Spalte (magenta) gekennzeichnet. Wir bieten Dir die Möglichkeit, auch diese Nummer-Spalten im Dateneditor zu formatieren.

Dafür gehst Du auf das magenta farbene x² in der gewünschten Spalte. Hier kannst Du entscheiden, wieviele Nachkommastellen Du angezeigt bekommen willst, ob Du einen Tausend-Seperator haben möchtest und ob Du die Nummern in gekürztem Format anzeigen lassen willst.

Wie Du die getroffenen Einstellungen nachträglich innerhalb der Visualisierung ändern kannst, findest Du hier.

Read more

Jede interaktive Visualisierung – egal ob Karte oder Diagramm – kann bei 23° mit einer Animation versehen werden.

Karten

Bei Kartenvisualiserungen findest Du die Einstellungen für die Animation im Karteneditor.

Du kannst folgende Punkte anpassen:

  1. Das Ansichtsfenster: in der Standardeinstellung ist ein Autozoom ausgewählt. Alternativ kann ein manueller Zoom mit Auswahl der Größe des Start-Fensters und des maximalen Fensters eingestellt werden.
  2. Die Intro-Animation: hier lassen sich Geschwindigkeit und Kurve einstellen.
  3. Die Orientierung: an dieser Stelle geht es um die Einstellungen zur 3D-Animation. Zum einen kann man die Karte um die gewünschte Gradzahl gedreht werden. Zum anderen ist es möglich, die Karte durch Eingabe des entsprechenden Winkels zu kippen.

Diagramme

Bei Diagrammen sind die Einstellungen für die Animation im Diagrammeditor zu finden. Ist der Punkt “Animation anpassen” abgewählt, so läuft bei der interaktiven Visualisierung keine Animation ab. Ist der Punkt angewählt, so lassen sich diese beiden Variablen anpassen:

  1. Verzögerung: hier wird eingestellt, mit welcher Verzögerung die aufeinanderfolgenden Elemente der Animation gestartet werden.
  2. Dauer: hier wird die Gesamtdauer der Animation eingestellt.
Read more