Nachdem Du den Prozess kennengelernt hast, der hinter dem Erstellen einer Statistik steckt, zeigen wir Dir in diesem Tutorial wie Du die angezeigten Werte anpassen kannst.
Für eine beispielhafte Darstellung werden wir das Balkendiagramm zu den COVID-19 Fällen nach Altersverteilung und Geschlecht in den Kreisen und kreisfreien Städten heranziehen, wie hier dargestellt.
Nachdem Du Dein Diagramm erstellt hast, kannst Du mit der Anpassung der Werteanzeige beginnen. Hierfür gehst Du im Bereich Diagramm auf die Kategorie Werte im Diagramm – hier findest Du zunächst die Möglichkeit, die Formatierung Deiner angezeigten Werte anzupassen (näheres zur Formatierung findest Du hier). Unterhalb der Formatierungsmöglichkeit befindet sich die Einstellung für die Position Deiner Werte – hier kannst Du zwischen folgenden Möglichkeiten wählen:
Außerhalb der Balken
Innerhalb der Balken oben, alternativ außen (insofern der Balken zu klein ist)
Innerhalb der Balken oben, alternativ an der 0 Linie (insofern der Balken zu klein ist)
Innerhalb der Balken an der 0 Linie, alternativ außen (insofern der Balken zu klein ist)
Innerhalb der Balken an der 0 Linie, alternativ an der 0 Linie (insofern der Balken zu klein ist)
Außerhalb and er 0 Linie
Unterhalb der Positionseinstellung hast Du die Möglichkeit, sowohl die Vorzeichen (+/-), als auch die Anzeige der Werte zu erzwingen. Die Werte werden in manchen Formaten nicht angezeigt, da sie das Diagramm ansonsten überlagern könnten. Indem Du die Werteanzeige erzwingst, werden sämtliche Werte in jedem Format angezeigt.
Eine Statistik umfasst im Allgemeinen zwei Achsen, diese beiden Achsen werden bei uns als Beschriftungsachse und Werteachse bezeichnet. Wie Du die Werteachse definieren und anpassen kannst, zeigen wir Dir in diesem Tutorial.
Bei der Werteachse handelt es sich um die Y-Achse eines Diagramms. Hier wird in der Regel die abhängige Variabel abgebildet, wie zum Beispiel die Arbeitslosenquote oder die Anzahl an Arbeitsstellen – im Allgemeinen also numerische Werte.
Du kannst bei uns ganz einfach bestimmen, welche der Variablen Du als abhängige verwenden möchtest. Hierfür gehst Du in den Bereich Allgemeines und findest unter den Darstellungsmöglichkeiten die Werteeinstellungen der Werteachse. Hier kannst Du jetzt auswählen, welchen Wert Du als abhängige Variabel definieren möchtest. Darunter findest Du die Möglichkeit den Wertebereich festzulegen – hier hast Du die Wahl zwischen alle Tabellenwerte verwenden, sichtbare Werte verwenden und benutzerdefiniert, wo Du einen Minimal- und Maximalwert definieren kannst. Unter Addierte / Geänderte Werte hast Du außerdem die Möglichkeit, neue Werte zu berechnen und/ oder einen Abstand für die Werteabbildung festzulegen.
Nachdem Du die Variabel definiert hast, kannst Du mit der Anpassung der Achse beginnen. Hierfür gehst Du im Bereich Diagramm auf Werteachse. In der Markdown Zeile erscheinen anschließend Anpassungsmöglichkeiten für die Formatierung der Zahlen, die auf der Werteachse (wie Du hier vorgehst zeigen wir Dir in diesem Tutorial) abgebildet werden, und die Möglichkeit den Text zu formatieren (näheres dazu findest Du hier).
Innerhalb der Anpassungseinstellungen der Werteachse hast Du die Möglichkeit, Hilfslinien (horizontal) und benutzerdefinierte Hilfslinien (vertikal) einzufügen und anzupassen. Außerdem hast Du hier nochmals die Möglichkeit, den angezeigten Wertebereich zu ändern.
Unter Erweiterte Einstellungen kannst Du einen Achsentitel einfügen und die maximale Anzahl an Zeilenumbrüchen anpassen.
Eine Statistik umfasst im Allgemeinen zwei Achsen, diese beiden Achsen werden bei uns als Beschriftungsachse und Werteachse bezeichnet. Wie Du die Beschriftungsachse definieren und anpassen kannst, zeigen wir Dir in diesem Tutorial.
Bei der Beschriftungsachse handelt es sich um die X-Achse eines Diagramms. Hier wird in der Regel die unabhängige Variabel abgebildet, wie zum Beispiel Regionen oder auch das Datum.
Du kannst bei uns ganz einfach bestimmen welche der Variabeln Du als unabhängige verwenden möchtest. Hierfür gehst Du in den Bereich Allgemeines und findest unter den Darstellungsmöglichkeiten die Werteeinstellungen der Beschriftungsachse. Hier kannst Du jetzt auswählen welchen Wert Du als unabhängige Variabel definieren möchtest.
Wie Du sehen kannst, verändert sich auch die Serie wenn Du die unabhängige Variabel der Beschriftungsachse anpasst. Das hat den Grund, dass die unabhängige Variabel, die nicht verwendet wird, als Einteilung für die Werte herangezogen wird – insofern mehrere vorhanden sind.
Nachdem Du jetzt die Variabel definiert hast, kannst Du mit der Anpassung der Achse beginnen. Hierfür gehst Du unter dem Bereich Diagramm auf Beschriftungsachse. Hier kannst Du die Formatierung der Werte bzw. des Textes anpassen, die auf der Beschriftungsachse angezeigt werden. In diesem Tutorial zeigen wir Dir, wie Du dabei vorgehst, sollte es sich um ein Datum handeln. Unter Erweiterte Einstellungen findest Du die Anzeigeeinstellungen der Beschriftungsachse. In diesem Einstellungsbereich kannst Du folgende Einstellungen treffen:
Wähle einen Achsentitel – dieser dient der näheren Beschreibung Deiner Achse
Zeitachse runden – empfohlen wird, dass Du diese Einstellung aktivierst, da die Beschriftung dann optimal an Deine Beschriftungsachse angepasst wird.
Optimale Anzahl an Beschriftungen – empfohlen wird, dass Du diese Einstellung aktivierst, da die Beschriftung dann optimal an Deine Beschriftungsachse angepasst wird.
Benutzerdefinierte Werte – hier kannst Du eigenständig Beschriftungen einfügen, die Du entlang Deiner Beschriftungsachse haben willst und sie werden an der richtigen Position eingefügt.
Maximale Zeilenumbrüche – Anzahl der von Dir gewollten, maximalen Zeilenumbrüche um Deine Beschriftung darzustellen.
Winkel – der Winkel in dem die Beschriftung Deiner Beschriftungsachse dargestellt wird.
Im initialen Zustand habt ihr eine Übersicht der Punkte, die ihr im einzelnen einstellen könnt. Nach Klick auf eine Überschrift kommt ihr zu den entsprechenden Einstellungsoptionen. Bei manchen Punkten ist es möglich, die komplette Anzeige bzw. Funktion über einen Schieberegler ein- oder auszuschalten.
Legende
Hier können neben Format und Styling die maximale Legendenhöhe, die Legendenschriftskalierung sowie ein potentielles Scrolling der Legende eingestellt werden.
Sortieren
An dieser Stelle kann ausgewählt werden, ob und in welcher Weise die Diagramminhalte sortiert werden sollen. Sollen die Inhalte sortiert werden, kann eingestellt werden, nach welcher Spalte bzw. Variable des zugrunde liegenden Datensatzes sortiert werden soll. Darüber hinaus kann man einstellen, ob ab- oder aufsteigenden sortiert werden soll.
Werte im Diagramm (in Balken- und Donut-Diagrammen)
Hier gibt es einen WYSIWYG-Editor eingefügt, wie ihr ihn bereits z.B. von den Tooltips kennt. Es ist also möglich, die Darstellung der Werte im Diagramm nach den eigenen Wünschen zu gestalten.
Außerdem befinden sich unter diesem Punkt bei Balken-Diagrammen die Optionen zur Positionierung der Werte. Ihr könnt an dieser Stelle nicht nur entscheiden, ob die Werte außerhalb oder innerhalb der Balken angezeigt werden sollen, sondern auch, an welcher genauen Position (links oder rechts).
Beschriftungsachse
Auch die Beschriftungsachse ist mit einem WYSIWYG-Editor versehen. Ihr habt also die Möglichkeit, die Achse und die abgebildeten Labels ganz nach euren Wünschen zu gestalten.
Hinter den “Erweiterten Einstellungen” findet ihr außerdem zum Beispiel die Möglichkeit, einen Achsentitel einzufügen oder eine maximale Zeilenanzahl (sinnvolll bei langen Labels) einzustellen.
Werteachse
Hier findet ihr neben der Wert- und Schriftformatierung der Werteachse die Einstellungen der Hilfslinien sowie die Auswahl des angezeigten Wertebereichs.
Unter dem Punkt “Erweiterte Einstellungen” befinden sich die Optionen zur Platzierung sowie der Winkeleinstellung der Achse. Außerdem lassen sich hier der Achsentitel und die maximale Zeilenanzahl festlegen.
Markieren Sie die Nulllinie
Soll die Nulllinie besonders hervorgehoben werden, so lassen sich an dieser Stelle Farbe, Länge, Spalt und Breite einstellen.
Balken/Linien/Flächen/Donut Darstellung
Hier lassen sich bei Balken-Diagrammen inneres und äußeres Balken- sowie Gruppen-Padding einstellen. Darüber hinaus lässt sich hier die minimale Balkenhöhe auswählen und festlegen, ob ein Scrolling der Balken je nach Viewport-Größe zugelassen werden soll.
Bei Linien-Diagrammen lassen sich hier die Breite der Linie sowie die Art der Kurvendarstellung festlegen. Darüber hinaus lassen sich hier die Optionen zur Darstellung von Punkten festlegen. Auch, ob die Startskala bei Null liegen soll, wird hier bestimmt.
Auch bei Flächen-Diagrammen ist es an dieser Stelle möglich, die Breite der Linien und die Art der Kurvendarstellung zu bestimmen.
Bei Donut-Diagrammen verbergen sich hinter diesem Punkt die Einstellungen für Innen- und Außenradius, Padwinkel sowie die Gradzahl der Donut-Darstellung. Außerdem kann bestimmt werden, ob die Animation automatisch gestartet wird. Falls dies abgewählt wird, muss der Startwinkel bestimmt werden.
Animationen anpassen
Unter diesem Punkt lassen sich die Dauer der gesamten Animation sowie die Verzögerung der Animationen der einzelnen Elemente zueinander festlegen.
Erweiterte Optionen
Bei den erweiterten Diagramm-Optionen kannst Du die Skalierung der Diagrammschriftart festlegen. Außerdem lassen sich an dieser Stelle der äußere Rand sowie der Innenrand einstellen.
In diesem Tutorial wird erklärt, wie Du das Design eines Liniendiagramms anpassen kannst. Für diesen Schritt solltest Du bereits Daten für Dein eigenes Liniendiagramm hochgeladen oder die Beispieldaten aus dem ersten Tutorial „Wie erstelle ich ein Liniendiagramm mit 23?°“ verwendet haben. Unser Editor ermöglicht es Dir, Dein Diagramm mit Hilfe von verschieden Funktionen und Anpassungsmöglichkeiten zu optimieren. Hier zeigen wir Dir, wie Du in drei einfachen Schritten Dein Liniendiagramm verschönern kannst. Wir werden dabei drei Reiter durchgehen, die im Editor neben jedem Diagramm zu sehen sind, um das Aussehen unseres Diagramms zu verändern:
Bevor wir anfangen: am besten ist es, wenn Du während des Anpassens hin und wieder überprüfst, wie das Diagramm auf verschiedenen Bildschirmgrößen aussieht, indem Du zwischen den vier kleinen Symbolen (Handy, Tablet & Notebook, Fullscreen) unter dem Diagramm hin und her wechselst. Um die Dimension des Diagrammfensters manuell zu bestimmen, schreibe die Werte direkt in die beiden Kästchen (Breite x Höhe).
I. Schriftdarstellung
Du wirst neben den meisten Elementen der einzelnen Editor-Bereiche ein A Symbol finden. Wenn Du dieses Symbol anklickst öffnen sich die Schriftdarstellung bzw. die Text–Einstellungen. Damit kannst Du die Schriftart, Farbe, Gewicht und Größe des Textes auswählen, einstellen, ob er linksbündig, zentriert oder rechtsbündig ausgerichtet sein soll und so weiter. Die Einstellungen funktionieren nach jenem Prinzip, das Du auch aus Standard Text-Editier Programmen kennst.
II. Werte formatieren
Zahlen in Diagrammen sollten immer leicht zu lesen und zu verstehen sein: dabei spielt das Format, in dem die Werte dargestellt werden, eine besonders wichtige Rolle. Durch einen Klick auf das x2 Symbol, öffnest Du die Oberfläche, in der Du Werte formatieren kannst. Hier kannst Du einstellen, ob die Werte als Abkürzung und gerundet (z.B 1.412.456 -> 1,4 Mio.) dargestellt werden sollen, ob Du die Ziffern gruppieren möchtest (z.B 1000000 -> 1.000.000) und, wieviele Dezimalstellen angezeigt werden sollen. Außerdem kannst Du ein Prä– bzw. Suffix anfügen, um die Einheit, die die Werte darstellen, klar zu definieren (z.B %, €, $, Kilogramm, Meter usw.). Überall dort, wo potenziell Werte angezeigt werden können, erscheint dieses x2 Symbol. Im Chart Editor, in den Bereichen Werteachse und Werte im Diagramm, aber auch im Tooltip Editor, den wir hier ausführlicher erklären (Link).
Wenn Deine Grafik eine Zeitkomponente enthält, kannst Du über das x2-Symbol auch die Datums-Formatierung festlegen.
1. Titel Editor
Titel, Untertitel, Quelle und Beschreibung werden grundsätzlich aus dem Dateneditor (link) übernommen. Du kannst sie, aber jederzeit anpassen und Dinge hinzufügen.
Im Titel Editor kannst Du den Titel und Untertitel Deiner Grafik festlegen. Weiters kannst Du in diesem Bereich die Quelle(n) der Grafik angeben und, falls nötig, Deiner Grafik in der Beschreibung weitere Informationen (z.B Erhebungszeitraum, Stichprobengröße, Link zur Datenquelle, etc.) hinzufügen. Eine weitere Möglichkeit bietet die Option Deiner Grafik einen Filter hinzuzufügen. Zusätzliche Elemente wie das Logo oder den Button zur Weiterverwendung der Grafik kannst Du hier ebenfalls editieren.
2. Farb Editor
Einer der wichtigsten Punkte bei der Erstellung einer Datenvisualisierung ist die Auswahl der Farben. Deshalb machen wir es euch so einfach wie möglich, Farben hinzuzufügen, zu entfernen, zu ändern oder sogar ganze Farbpaletten zu speichern.
Wenn Du Farben für Deine Visualisierung auswählst, gehst Du immer von einer vordefinierten Farbpalette aus. Diese Palette kann jederzeit bearbeitet werden. Farbpaletten können auch abgespeichertwerden und so immer wieder für Diagramme oder Karten angewendet werden. Klicke dazu einfach auf das Speicher-Symbol neben der Farbpalette im Farb Editor.
Wenn Du das Diagramm nach Kategorien (d.h. Text, Geo, Zeit) einfärben möchtest, klicke auf das Dropdown-Menü Feld auswählen, oberhalb der Farbpalette und wähle das bevorzugteFeld (d.h die Spalte in Deinem Datensatz) aus. In diesem Fall haben wir das Feld „Land“ ausgewählt.
Klicke nun einfach auf eine Farbe in der Farbpalette, um die Farbauswahl (Color Picker) zu öffnen. Dort hast Du zwei Möglichkeiten, Deine Farben zu bestimmen. Entweder über den Cursor in der Farbauswahl oder durch die Eingabe der Werte für RGB-, HSL- oder HEX-Farbmodelle. Durch einen Klick auf das + Symbol, kannst Du der Palette neue Farben hinzufügen. Um Farben wieder aus der Palette zu entfernen, klicke auf das Papierkorb Symbol.
Unterhalb der Farbpalette findest Du die Einstellungen. Hier sind die, im ausgewählten Feld enthaltene Elemente aufgelistet und können durch einfaches Anklicken farblich zugeordnet werden. In unserem Fall sind das: Europäische Union, Deutschland und Österreich.
Wenn Du viele Elemente (Labels) in dem Feld hast, klicke auf das + neben den Einstellungen, um alle Elemente anzeigen zu lassen.
3. Diagramm Editor
Im initialen Zustand habt ihr eine Übersicht der Punkte, die ihr im einzelnen einstellen könnt. Nach Klick auf eine Überschrift kommt ihr zu den entsprechenden Einstellungsoptionen. Bei manchen Punkten ist es möglich, die komplette Anzeige bzw. Funktion über einen Schieberegler ein- oder auszuschalten.
Legende
Hier können neben Format und Styling die maximale Legendenhöhe, die Legendenschriftskalierung sowie ein potentielles Scrolling der Legende eingestellt werden.
Sortieren
An dieser Stelle kann ausgewählt werden, ob und in welcher Weise die Diagramminhalte sortiert werden sollen. Sollen die Inhalte sortiert werden, kann eingestellt werden, nach welcher Spalte bzw. Variable des zugrunde liegenden Datensatzes sortiert werden soll. Darüber hinaus kann man einstellen, ob ab- oder aufsteigenden sortiert werden soll.
Beschriftungsachse
Auch die Beschriftungsachse ist mit einem WYSIWYG-Editor versehen. Ihr habt also die Möglichkeit, die Achse und die abgebildeten Labels ganz nach euren Wünschen zu gestalten.
Hinter den “Erweiterten Einstellungen” findet ihr außerdem zum Beispiel die Möglichkeit, einen Achsentitel einzufügen oder eine maximale Zeilenanzahl (sinnvolll bei langen Labels) einzustellen.
Werteachse
Hier findet ihr neben der Wert- und Schriftformatierung der Werteachse die Einstellungen der Hilfslinien sowie die Auswahl des angezeigten Wertebereichs.
Unter dem Punkt “Erweiterte Einstellungen” befinden sich die Optionen zur Platzierung sowie der Winkeleinstellung der Achse. Außerdem lassen sich hier der Achsentitel und die maximale Zeilenanzahl festlegen.
Markieren Sie die Nulllinie
Soll die Nulllinie besonders hervorgehoben werden, so lassen sich an dieser Stelle Farbe, Länge, Spalt und Breite einstellen.
Linien Darstellung
Hier lassen sich die Breite der Linie sowie die Art der Kurvendarstellung festlegen. Darüber hinaus lassen sich hier die Optionen zur Darstellung von Punkten festlegen. Auch, ob die Startskala bei Null liegen soll, wird hier bestimmt.
Animationen anpassen
Unter diesem Punkt lassen sich die Dauer der gesamten Animation sowie die Verzögerung der Animationen der einzelnen Elemente zueinander festlegen.
Erweiterte Optionen
Bei den erweiterten Diagramm-Optionen kannst Du die Skalierung der Diagrammschriftart festlegen. Außerdem lassen sich an dieser Stelle der äußere Rand sowie der Innenrand einstellen.
In diesem Tutorial wird erklärt, wie Du das Design eines Flächendiagramms anpassen kannst. Für diesen Schritt solltest Du bereits Daten für Dein eigenes Flächendiagramm hochgeladen oder die Beispieldaten aus dem ersten Tutorial „Wie erstelle ich ein Flächendiagramm mit 23?°“ verwendet haben. Unser Editor ermöglicht es Dir, Dein Diagramm mit Hilfe von verschieden Funktionen und Anpassungsmöglichkeiten zu optimieren. Hier zeigen wir Dir, wie Du in drei einfachen Schritten Dein Flächendiagramm verschönern kannst. Wir werden dabei drei Reiter durchgehen, die im Editor neben jedem Diagramm zu sehen sind, um das Aussehen unseres Diagramms zu verändern:
Bevor wir anfangen: am besten ist es, wenn Du während des Anpassens hin und wieder überprüfst, wie das Diagramm auf verschiedenen Bildschirmgrößen aussieht, indem du zwischen den vier kleinen Symbolen (Handy, Tablet & Notebook, Fullscreen) unter dem Diagramm hin und her wechselst. Um die Dimension des Diagrammfensters manuell zu bestimmen, schreibe die Werte direkt in die beiden Kästchen (Breite x Höhe).
I. Schriftdarstellung
Du wirst neben den meisten Elementen der einzelnen Editor-Bereiche ein A Symbol finden. Wenn Du dieses Symbol anklickst öffnen sich die Schriftdarstellung bzw. die Text–Einstellungen. Damit kannst Du die Schriftart, Farbe, Gewicht und Größe des Textes auswählen, einstellen, ob er linksbündig, zentriert oder rechtsbündig ausgerichtet sein soll und so weiter. Die Einstellungen funktionieren nach jenem Prinzip, das Du auch aus Standard Text-Editier Programmen kennst.
II. Werte formatieren
Zahlen in Diagrammen sollten immer leicht zu lesen und zu verstehen sein: dabei spielt das Format, in dem die Werte dargestellt werden, eine besonders wichtige Rolle. Durch einen Klick auf das x2 Symbol, öffnest Du die Oberfläche, in der Du Werte formatieren kannst. Hier kannst Du einstellen, ob die Werte als Abkürzung und gerundet (z.B 1.412.456 -> 1,4 Mio.) dargestellt werden sollen, ob Du die Ziffern gruppieren möchtest (z.B 1000000 -> 1.000.000) und, wieviele Dezimalstellen angezeigt werden sollen. Außerdem kannst Du ein Prä– bzw. Suffix anfügen, um die Einheit, die die Werte darstellen, klar zu definieren (z.B %, €, $, Kilogramm, Meter usw.). Überall dort, wo potenziell Werte angezeigt werden können, erscheint dieses x2 Symbol. Im Chart Editor, in den Bereichen Werteachse und Werte im Diagramm, aber auch im Tooltip Editor, den wir hier ausführlicher erklären (Link).
Wenn Deine Grafik eine Zeitkomponente enthält, kannst du über das x2-Symbol auch die Datums-Formatierung festlegen.
1. Titel Editor
Titel, Untertitel, Quelle und Beschreibung werden grundsätzlich aus dem Dateneditor (link) übernommen. Du kannst sie, aber jederzeit anpassen und Dinge hinzufügen.
Im Titel Editor kannst Du den Titel und Untertitel Deiner Grafik festlegen. Weiters kannst Du in diesem Bereich die Quelle(n) der Grafik angeben und, falls nötig, Deiner Grafik in der Beschreibung weitere Informationen (z.B Erhebungszeitraum, Stichprobengröße, Link zur Datenquelle, etc.) hinzufügen. Eine weitere Möglichkeit bietet die Option deiner Grafik einen Filter hinzuzufügen. Zusätzliche Elemente wie das Logo oder den Button zur Weiterverwendung der Grafik kannst du hier ebenfalls editieren.
2. Farb Editor
Einer der wichtigsten Punkte bei der Erstellung einer Datenvisualisierung ist die Auswahl der Farben. Deshalb machen wir es euch so einfach wie möglich, Farben hinzuzufügen, zu entfernen, zu ändern oder sogar ganze Farbpaletten zu speichern.
Wenn du Farben für deine Visualisierung auswählst, gehst du immer von einer vordefinierten Farbpalette aus. Diese Palette kann jederzeit bearbeitet werden. Farbpaletten können auch abgespeichertwerden und so immer wieder für Diagramme oder Karten angewendet werden. Klicke dazu einfach auf das Speicher-Symbol neben der Farbpalette im Farb Editor.
Wenn du das Diagramm nach Kategorien (d.h. Text, Geo, Zeit) einfärben möchtest, klicke auf das Dropdown-Menü Feld auswählen, oberhalb der Farbpalette und wähle das bevorzugteFeld (d.h die Spalte in deinem Datensatz) aus. In diesem Fall haben wir das Feld „Land“ ausgewählt.
Klicke nun einfach auf eine Farbe in der Farbpalette, um die Farbauswahl (Color Picker) zu öffnen. Dort hast du zwei Möglichkeiten, deine Farben zu bestimmen. Entweder über den Cursor in der Farbauswahl oder durch die Eingabe der Werte für RGB-, HSL- oder HEX-Farbmodelle. Durch einen Klick auf das + Symbol, kannst du der Palette neue Farben hinzufügen. Um Farben wieder aus der Palette zu entfernen, klicke auf das Papierkorb Symbol.
Unterhalb der Farbpalette findest du die Einstellungen. Hier sind die, im ausgewählten Feld enthaltene Elemente aufgelistet und können durch einfaches Anklicken farblich zugeordnet werden. In unserem Fall sind das: Europäische Union, Deutschland und Österreich.
Wenn du viele Elemente (Labels) in dem Feld hast, klicke auf das + neben den Einstellungen, um alle Elemente anzeigen zu lassen.
3. Diagramm Editor
Im initialen Zustand habt ihr eine Übersicht der Punkte, die ihr im einzelnen einstellen könnt. Nach Klick auf eine Überschrift kommt ihr zu den entsprechenden Einstellungsoptionen. Bei manchen Punkten ist es möglich, die komplette Anzeige bzw. Funktion über einen Schieberegler ein- oder auszuschalten.
Legende
Hier können neben Format und Styling die maximale Legendenhöhe, die Legendenschriftskalierung sowie ein potentielles Scrolling der Legende eingestellt werden.
Sortieren
An dieser Stelle kann ausgewählt werden, ob und in welcher Weise die Diagramminhalte sortiert werden sollen. Sollen die Inhalte sortiert werden, kann eingestellt werden, nach welcher Spalte bzw. Variable des zugrunde liegenden Datensatzes sortiert werden soll. Darüber hinaus kann man einstellen, ob ab- oder aufsteigenden sortiert werden soll.
Beschriftungsachse
Auch die Beschriftungsachse ist mit einem WYSIWYG-Editor versehen. Ihr habt also die Möglichkeit, die Achse und die abgebildeten Labels ganz nach euren Wünschen zu gestalten.
Hinter den “Erweiterten Einstellungen” findet ihr außerdem zum Beispiel die Möglichkeit, einen Achsentitel einzufügen oder eine maximale Zeilenanzahl (sinnvolll bei langen Labels) einzustellen.
Werteachse
Hier findet ihr neben der Wert- und Schriftformatierung der Werteachse die Einstellungen der Hilfslinien sowie die Auswahl des angezeigten Wertebereichs.
Unter dem Punkt “Erweiterte Einstellungen” befinden sich die Optionen zur Platzierung sowie der Winkeleinstellung der Achse. Außerdem lassen sich hier der Achsentitel und die maximale Zeilenanzahl festlegen.
Markieren Sie die Nulllinie
Soll die Nulllinie besonders hervorgehoben werden, so lassen sich an dieser Stelle Farbe, Länge, Spalt und Breite einstellen.
Flächen Darstellung
Bei Flächen-Diagrammen ist es an dieser Stelle möglich, die Breite der Linien und die Art der Kurvendarstellung zu bestimmen.
Animationen anpassen
Unter diesem Punkt lassen sich die Dauer der gesamten Animation sowie die Verzögerung der Animationen der einzelnen Elemente zueinander festlegen.
Erweiterte Optionen
Bei den erweiterten Diagramm-Optionen kannst Du die Skalierung der Diagrammschriftart festlegen. Außerdem lassen sich an dieser Stelle der äußere Rand sowie der Innenrand einstellen.
In diesem Tutorial wird erklärt, wie Du das Design eines gestapelten oder gruppiertenBalkendiagramms anpassen kannst. Für diesen Schritt solltest Du bereits Daten für Dein eigenes gestapeltes oder gruppiertes Balkendiagramm hochgeladen oder die Beispieldaten aus dem ersten Tutorial „Wie erstelle ich ein gestapeltes oder gruppiertes Balkendiagramm mit 23°“ verwendet haben. Unser Editor ermöglicht es Dir, Dein Diagramm mit Hilfe von verschieden Funktionen und Anpassungsmöglichkeiten zu optimieren. Hier zeigen wir Dir, wie Du in drei einfachen Schritten Dein Balkendiagramm verschönern kannst. Wir werden dabei drei Reiter durchgehen, die im Editor neben jedem Diagramm zu sehen sind, um das Aussehen unseres Diagramms zu verändern: 1.Titel Editor, 2. Farb Editor, 3. Diagramm Editor und 4. Tooltip Editor.
Bevor wir anfangen: am besten ist es, wenn Du während des Anpassens hin und wieder überprüfst, wie das Diagramm auf verschiedenen Bildschirmgrößen aussieht, indem Du zwischen den vier kleinen Symbolen (Handy, Tablet & Notebook, Fullscreen) unter dem Diagramm hin und her wechselst. Um die Dimension des Diagrammfensters manuell zu bestimmen, schreibe die Werte direkt in die beiden Kästchen (Breite x Höhe).
I. Schriftdarstellung
Du wirst neben den meisten Elementen der einzelnen Editor-Bereiche ein A Symbol finden. Wenn Du dieses Symbol anklickst öffnen sich die Schriftdarstellung bzw. die Text–Einstellungen. Damit kannst Du die Schriftart, Farbe, Gewicht und Größe des Textes auswählen, einstellen, ob er linksbündig, zentriert oder rechtsbündig ausgerichtet sein soll und so weiter. Die Einstellungen funktionieren nach jenem Prinzip, das Du auch aus Standard Text-Editier Programmen kennst.
II. Werte formatieren
Zahlen in Diagrammen sollten immer leicht zu lesen und zu verstehen sein: dabei spielt das Format, in dem die Werte dargestellt werden, eine besonders wichtige Rolle. Durch einen Klick auf das x2 Symbol, öffnest Du die Oberfläche, in der Du Werte formatieren kannst. Hier kannst Du einstellen, ob die Werte als Abkürzung und gerundet (z.B 1.412.456 -> 1,4 Mio.) dargestellt werden sollen, ob Du die Ziffern gruppieren möchtest (z.B 1000000 -> 1.000.000) und, wieviele Dezimalstellen angezeigt werden sollen. Außerdem kannst Du ein Prä– bzw. Suffix anfügen, um die Einheit, die die Werte darstellen, klar zu definieren (z.B %, €, $, Kilogramm, Meter usw.). Überall dort, wo potenziell Werte angezeigt werden können, erscheint dieses x2 Symbol. Im Chart Editor, in den Bereichen Werteachse und Werte im Diagramm, aber auch im Tooltip Editor, den wir hier ausführlicher erklären (Link).
Wenn Deine Grafik eine Zeitkomponente enthält, kannst Du über das x2-Symbol auch die Datums-Formatierung festlegen.
1. Titel Editor
Titel, Untertitel, Quelle und Beschreibung werden grundsätzlich aus dem Dateneditor (link) übernommen. Du kannst sie, aber jederzeit anpassen und Dinge hinzufügen.
Im Titel Editor kannst Du den Titel und Untertitel Deiner Grafik festlegen. Weiters kannst Du in diesem Bereich die Quelle(n) der Grafik angeben und, falls nötig, Deiner Grafik in der Beschreibung weitere Informationen (z.B Erhebungszeitraum, Stichprobengröße, Link zur Datenquelle, etc.) hinzufügen. Eine weitere Möglichkeit bietet die Option Deiner Grafik einen Filter hinzuzufügen. Zusätzliche Elemente wie das Logo oder den Button zur Weiterverwendung der Grafik kannst Du hier ebenfalls editieren.
2. Farb Editor
Einer der wichtigsten Punkte bei der Erstellung einer Datenvisualisierung ist die Auswahl der Farben. Deshalb machen wir es euch so einfach wie möglich, Farben hinzuzufügen, zu entfernen, zu ändern oder sogar ganze Farbpaletten zu speichern.
Wenn Du die Farben für Deine Visualisierung auswählst, gehst Du immer von einer vordefinierten Farbpalette. Diese Palette kann jederzeit bearbeitet werden. Farbpaletten können auch abgespeichertwerden und so immer wieder für Diagramme oder Karten angewendet werden. Klicke dazu einfach auf das Speicher-Symbol neben der Farbpalette im Farb Editor.
Wenn Du das Diagramm nicht nach Werten, sondern nach Kategorien (d.h. Text, Geo, Zeit) einfärben möchtest, klicke auf das Dropdown-Menü Feld auswählen, oberhalb der Farbpalette und wähle das bevorzugteFeld (d.h die Spalte in Deinem Datensatz) aus. In diesem Fall haben wir das Feld „Jahr“ ausgewählt.
Klicke nun einfach auf eine Farbe in der Farbpalette, um die Farbauswahl (Color Picker) zu öffnen. Dort hast Du zwei Möglichkeiten, Deine Farben zubestimmen. Entweder über den Cursor in der Farbauswahl oder durch die Eingabe der Werte für RGB-, HSL- oder HEX-Farbmodelle. Durch einen Klick auf das + Symbol, kannst Du der Palette neue Farben hinzufügen. Um Farben wieder aus der Palette zu entfernen, klicke auf das 🗑 Papierkorb Symbol.
Unterhalb der Farbpalette findest Du die Einstellungen. Hier sind alle, im ausgewählten Feld enthaltene Elemente aufgelistet und können durch einfaches Anklicken farblich zugeordnet werden. In unserem Fall die Jahre 2017 und 2018.
In diesem Video kannst Du dir auch nochmal genau ansehen, wie man den 23° Farb Editor bedient.
3. Diagramm Editor
Im initialen Zustand habt ihr eine Übersicht der Punkte, die ihr im einzelnen einstellen könnt. Nach Klick auf eine Überschrift kommt ihr zu den entsprechenden Einstellungsoptionen. Bei manchen Punkten ist es möglich, die komplette Anzeige bzw. Funktion über einen Schieberegler ein- oder auszuschalten.
Legende
Hier können neben Format und Styling die maximale Legendenhöhe, die Legendenschriftskalierung sowie ein potentielles Scrolling der Legende eingestellt werden.
Sortieren
An dieser Stelle kann ausgewählt werden, ob und in welcher Weise die Diagramminhalte sortiert werden sollen. Sollen die Inhalte sortiert werden, kann eingestellt werden, nach welcher Spalte bzw. Variable des zugrunde liegenden Datensatzes sortiert werden soll. Darüber hinaus kann man einstellen, ob ab- oder aufsteigenden sortiert werden soll.
Werte im Diagramm
Hier gibt es einen WYSIWYG-Editor eingefügt, wie ihr ihn bereits z.B. von den Tooltips kennt. Es ist also möglich, die Darstellung der Werte im Diagramm nach den eigenen Wünschen zu gestalten.
Außerdem befinden sich unter diesem Punkt bei Balken-Diagrammen die Optionen zur Positionierung der Werte. Ihr könnt an dieser Stelle nicht nur entscheiden, ob die Werte außerhalb oder innerhalb der Balken angezeigt werden sollen, sondern auch, an welcher genauen Position (links oder rechts).
Beschriftungsachse
Auch die Beschriftungsachse ist mit einem WYSIWYG-Editor versehen. Ihr habt also die Möglichkeit, die Achse und die abgebildeten Labels ganz nach euren Wünschen zu gestalten.
Hinter den “Erweiterten Einstellungen” findet ihr außerdem zum Beispiel die Möglichkeit, einen Achsentitel einzufügen oder eine maximale Zeilenanzahl (sinnvolll bei langen Labels) einzustellen.
Werteachse
Hier findet ihr neben der Wert- und Schriftformatierung der Werteachse die Einstellungen der Hilfslinien sowie die Auswahl des angezeigten Wertebereichs.
Unter dem Punkt “Erweiterte Einstellungen” befinden sich die Optionen zur Platzierung sowie der Winkeleinstellung der Achse. Außerdem lassen sich hier der Achsentitel und die maximale Zeilenanzahl festlegen.
Markieren Sie die Nulllinie
Soll die Nulllinie besonders hervorgehoben werden, so lassen sich an dieser Stelle Farbe, Länge, Spalt und Breite einstellen.
Balken Darstellung
Hier lassen sich bei Balken-Diagrammen inneres und äußeres Balken- sowie Gruppen-Padding einstellen. Darüber hinaus lässt sich hier die minimale Balkenhöhe auswählen und festlegen, ob ein Scrolling der Balken je nach Viewport-Größe zugelassen werden soll.
Animationen anpassen
Unter diesem Punkt lassen sich die Dauer der gesamten Animation sowie die Verzögerung der Animationen der einzelnen Elemente zueinander festlegen.
Erweiterte Optionen
Bei den erweiterten Diagramm-Optionen kannst Du die Skalierung der Diagrammschriftart festlegen. Außerdem lassen sich an dieser Stelle der äußere Rand sowie der Innenrand einstellen.
Ein gruppiertes oder gestapeltesBalkendiagramme bildet im Gegensatz zu einem einfachen Balkendiagramm eine zusätzliche Dimension (Kategorie) und damit eine Informationsebene mehr ab. Um ein gruppiertes od. gestappeltes Balkendiagramme zu erstellen, benötigst Du eine Daten–Tabelle mit mindestens drei Spalten: Zwei Text– bzw. Geo– oder Zeit-Spalten und eine Nummer-Spalte.
1. Vorbereiten und Importieren der Daten
Um ein gruppiertes odergestapeltes Balkendiagramm zu erstellen, sollte Deine Daten-Tabelle in einem bestimmten Format vorliegen, das zumindest Folgendes enthält: 1. Eine Kopfzeile, um Deine Spalten zu beschreiben. 2. Eine Spalte, die Kategorien (Text oder Geo oderZeit) enthält. Damit wird die Beschriftung jedes Balkens festgelegt. 3. Eine zusätzliche Spalte, die Kategorien (Text oder GeooderZeit) enthält. Damit werden die Balken gruppiert. 4. Eine Spalte, die numerische Werte (Nummer) enthält, die die Größe des jeweiligen Balkens bestimmen.
Du kannst so viele Werte– und Kategorie-Spalten in Deinem Datensatz haben, wie Du möchtest, aber nur jeweils eine Werte- und zwei Kategorie-Spalten werden im gruppierten Balkendiagramm dargestellt.
Das ist die Daten-Tabelle, mit der wir das oben dargestellte gruppierte Balkendiagramm erstellt haben, genauso könntest Du damit aber auch ein gestapeltes Balkendiagramm erstellen.
Verkehrsteilnehmer
Jahr
Häufigkeit
Auto
2017
7
Auto
2018
5
Bus
2017
4
Bus
2018
6
RadfahrerInnen
2017
3
RadfahrerInnen
2018
3
FußgängerInnen
2017
2
FußgängerInnen
2018
1
Sobald Deine Daten-Tabelle vorbereitet ist, kannst Du sie hochladen, um Dein gruppiertes/gestapeltesBalkendiagramm zu erstellen. Klicke dazu im Menü links oben auf „Statistik erstellen“ oder auf Dein Profil rechts oben und wähle dort „+Erstellen“ aus.
Prinzipiell gibt es gibt drei Möglichkeiten, einen Datensatz auf 23° hochzuladen:
Kopiere die Daten aus Excel, Google Spreadsheets, LibreOffice etc. und füge sie in den Uploader ein (Strg+ C -> Strg + V).
Lade ein CSV-Datei über den Upload-Button hoch.
Schreibe die Werte händisch in unsere Tabelle.
2. Prüfen & Beschreiben des Datensatzes
Nachdem Du Deine Daten auf 23degrees.io hochgeladen hast, erscheint die Datensatz-Ansicht („Dateneditor“).
In der Datensatz-Ansicht kannst Du prüfen, ob Dein Datensatz korrekt importiert wurde. Falls nötig, kannst Du auch noch Änderungen daran vornehmen, wie etwa Spalten und Zeilen hinzuzufügen oder Rechtschreibfehler in der Daten-Tabelle zu korrigieren. Wie Du siehst, haben wir die Werte-Spalte „Häufigkeit“ korrekt als Nummer (und nicht als Text, Geo oder Zeit) erkannt, da sie violett eingefärbt ist. Die Kategorie-Spalten „Verkehrsteilnehmer“ haben wir als Text erkannt und die „Jahr“ Spalte nach der wir die Verkehrsteilnehmer gruppieren bzw. stapeln möchten als Zeit . Du kannst Deinem Datensatz auch einen Titel und Untertitel geben sowie eine Quelle und Beschreibung hinzufügen. Diese Elemente werden dann ebenfalls in Deine Visualisierung übernommen.
Speichere deine Datensatz nun in einem Ordner ab und klicke dann auf „Weiter zur Statistik„, um zur Visualisierungs-Ansicht zu gelangen.
3. Visualisierung
Du siehst jetzt ein einfaches (vertikales) Balkendiagramm mit den Jahren auf der X-Achse und einem Filter. Gehe in den Editier-Modus -kilcke auf das Stiftsybol rechts oben- und wähle im Bereich Basiseinstellungen den gewünschten Diagrammtyp aus: in diesem Fall ein gruppiertes Balkendiagramm, genauso kannst du aber auch ein gestapeltes Balkendiagramm auswählen. Stelle sicher, dass die Spalte „Verkehrsteilnehmer“ als Beschschriftungsachse und die Spalte „Jahr“ als Gruppe bzw. Stapel ausgewählt sind. Klicke jetzt nochmal auf „Speichern“ oben rechts, um Dein erstes gruppiertes Balkendiagramm zu erstellen und in einem Deiner Ordner abzulegen. Um aus einem vertikalen ein horizontales Balkendiagramm zu machen, wähle einfach den entsprechenden Visualisierungstyp in den Basiseinstellungen aus.
Dein gruppiertes bzw. gestapeltsBalkendiagramm ist nun fertig und mit den 23° Standard Design-Einstellungen versehen.
Wie Du am Anfang des Eintrages sehen kannst, haben wir das Diagramm noch etwas bearbeitet: Farben, Schriftart angepasst und die Werteachse bearbeitet. Diese und viele weitere Design-Einstellungen erklären wir in einem separaten Tutorial, das Du hier finden kannst.
Liniendiagramme zeigen Trends oder Veränderungen im Zeitablauf, indem Datenpunkte dargestellt werden, die durch Liniensegmente verbunden sind. In einem Liniendiagramm können ein oder mehrere Zahlenreihen dargestellt werden. Ein großer Vorteil ist, dass Liniendiagramme leicht lesbar und gut verständlich sind. Üblicherweise dient die horizontale Achse als Zeitachse, während die vertikale Achse Werte anzeigt.
Liniendiagramme kannst Du verwenden, um Änderungen über kurze oder lange Zeiträume nachzuverfolgen und eine vorausschauende Datenanalyse zu unterstützen. Falls die Zahlenreihen kleine und häufige Änderungen beinhalten, sind Liniendiagramme zur Darstellung der zeitlichen Veränderungen besser als Balkendiagramme geeignet. Liniendiagramme sind ebenfalls hilfreich, um Veränderungen mehrerer Gruppen oder Kategorien während desselben Zeitraums zu vergleichen.
Im folgenden Tutorial erklären wir, wie man ein einfaches Liniendiagramm erzeugt. Dazu benötigst Du eine Daten–Tabelle mit mindestens 2 Spalten: Einer Zeit– und einer Nummer-Spalte.
1. Vorbereiten und Importieren der Daten
Um ein Liniendiagramm zu erstellen, sollte Deine Daten-Tabelle in einem bestimmten Format vorliegen, das zumindest Folgendes enthält: 1. Eine Kopfzeile, um deine Spalten zu beschreiben. 2. Eine Spalte, die Zeit-Information enthält. Damit wird die Beschriftung der Datenpunkte und damit der horizontalen Achse festgelegt. 3. Eine Spalte, die numerische Werte (Nummer) enthält, die die Position der Datenpunkte auf der vertikalen Achse bestimmen.
Möchtest Du mehrere Linien in Deinem Diagramm darstellen, brauchst Du darüber hinaus: 4. Eine Text– oder Geo-Spalte, die Informationen zur Kategorie der Linie enthält.
Das ist die Daten-Tabelle, mit der wir das oben angezeigte Liniendiagramm erstellt haben:
Jahr
Anteil
1990
82,35
1991
81,93
1992
81,29
1993
80,56
1994
80,47
1995
80,60
1996
80,45
1997
79,98
1998
80,07
1999
79,55
2000
79,23
2001
79,12
2002
79,00
2003
78,95
2004
78,58
2005
78,32
2006
78,11
2007
77,86
2008
76,95
2009
76,00
2010
75,40
2011
75,16
2012
74,06
2013
73,31
2014
72,19
2015
72,53
2016
72,92
2017
73,13
2018
72,42
2019
71,46
Sobald Deine Daten-Tabelle vorbereitet ist, kannst Du sie hochladen, um Dein Liniendiagramm zu erstellen. Klicke dazu im Menü links oben auf „Statistik erstellen“ oder auf Dein Profil rechts oben und wähle dort „+Erstellen“ aus.
Prinzipiell gibt es gibt drei Möglichkeiten, einen Datensatz auf 23° hochzuladen:
Kopiere die Daten aus Excel, Google Spreadsheets, LibreOffice etc. und füge sie in den Uploader ein (Strg+ C -> Strg + V).
Lade ein CSV-Datei über den Upload-Button hoch.
Schreibe die Werte händisch in unsere Tabelle.
2. Prüfen & Beschreiben des Datensatzes
Nachdem Du Deine Daten auf 23degrees.io hochgeladen hast, erscheint die Datensatz-Ansicht („Dateneditor“).
In der Datensatz-Ansicht kannst Du prüfen, ob Dein Datensatz korrekt importiert wurde. Falls nötig, kannst Du auch noch Änderungen daran vornehmen, wie etwa Spalten und Zeilen hinzuzufügen oder Rechtschreibfehler in der Daten-Tabelle zu korrigieren. Wie Du siehst, haben wir die Werte-Spalte „Anteil“ korrekt als Nummer (und nicht als Text, Geo oder Zeit) erkannt, da sie violett eingefärbt ist, und die Spalte „Jahr“ als Zeit. Du kannst Deinem Datensatz auch einen Titel und Untertitel geben sowie eine Quelle und Beschreibung hinzufügen. Diese Elemente werden dann ebenfalls in Deine Visualisierung übernommen.
Klicke nun auf „Weiter zur Statistik„, um zur Visualisierungs-Ansicht zu gelangen.
3. Visualisierung
Du siehst jetzt ein einfaches (vertikales) Balkendiagramm. Um aus einem vertikalen Balkendiagramm ein Liniendiagramm zu machen, wähle dieses als Visualisierungstyp in den Basiseinstellungen aus. Klicke jetzt nochmal auf „Speichern“ oben rechts, um Dein erstes Liniendiagramm zu erstellen und in einem Deiner Ordner abzulegen.
Dein Liniendiagramm ist nun fertig und mit den 23° Standard Design-Einstellungen versehen.
Wie Du am Anfang des Eintrages sehen kannst, haben wir das Diagramm noch etwas bearbeitet: Farben, Schriftarten, die Achsenbeschriftung verändert und Vorzeichen zu den Werte in den Balken hinzugefügt. Diese Schritte erklären wir in einem separaten Tutorial, das Du hier finden kannst.
(Gestapelte) Flächendiagramme sind sinnvoll, um zu zeigen, wie sich eine Summe und ihre Anteile im Laufe der Zeit entwickelt haben. Sie stellen im Prinzip eine Kombination aus einem Liniendiagramm (zeitliche Änderung) und einem Säulendiagramm (Verteilungen und Vergleiche) dar. Üblicherweise dient die horizontale Achse als Zeitachse, während die vertikale Achse Werte anzeigt.
Im folgenden Tutorial erklären wir, wie man ein einfaches Flächendiagramm erzeugt. Dazu benötigst Du eine Daten–Tabelle mit mindestens 3 Spalten: Einer Zeit-, einer Text– oder Geo– und einer Nummer-Spalte.
1. Vorbereiten und Importieren der Daten
Um ein Flächendiagramm zu erstellen, sollte Deine Daten-Tabelle in einem bestimmten Format vorliegen, das zumindest Folgendes enthält: 1. Eine Kopfzeile, um deine Spalten zu beschreiben. 2. Eine Spalte, die Zeit-Information enthält. Damit wird die Beschriftung der Datenpunkte und damit der horizontalen Achse festgelegt. 3. Eine Spalte, die numerische Werte (Nummer) enthält, die die Größe der entsprechenden Fläche bestimmen. 4. Eine Text– oder Geo-Spalte, die Informationen zur Kategorie der Fläche enthält.
Das ist die Daten-Tabelle, mit der wir das oben angezeigte Flächendiagramm erstellt haben:
Jahr
Kategorie
Wert
2000
Strom
33903
2001
Strom
36751
2002
Strom
43176
2003
Strom
42934
2004
Strom
52655
2005
Strom
55708
2006
Strom
55139
2007
Strom
65068
2008
Strom
63904
2009
Strom
66392
2010
Strom
72166
2011
Strom
88887
2012
Strom
89834
2013
Strom
93181
2014
Strom
110141
2015
Strom
123353
2016
Strom
125426
2017
Strom
137148
2018
Strom
144939
2019
Strom
157676
2000
Wärme
11551
2001
Wärme
12925
2002
Wärme
12705
2003
Wärme
18578
2004
Wärme
21192
2005
Wärme
22431
2006
Wärme
24863
2007
Wärme
27383
2008
Wärme
30176
2009
Wärme
30485
2010
Wärme
35549
2011
Wärme
34134
2012
Wärme
36795
2013
Wärme
37421
2014
Wärme
33973
2015
Wärme
34328
2016
Wärme
34109
2017
Wärme
34877
2018
Wärme
36081
2019
Wärme
36695
2000
Verkehr
526
2001
Verkehr
731
2002
Verkehr
1127
2003
Verkehr
1620
2004
Verkehr
2112
2005
Verkehr
4156
2006
Verkehr
7510
2007
Verkehr
8518
2008
Verkehr
6760
2009
Verkehr
5991
2010
Verkehr
6530
2011
Verkehr
6445
2012
Verkehr
6997
2013
Verkehr
6409
2014
Verkehr
6675
2015
Verkehr
6292
2016
Verkehr
6911
2017
Verkehr
7394
2018
Verkehr
7735
2019
Verkehr
7505
Sobald Deine Daten-Tabelle vorbereitet ist, kannst Du sie hochladen, um Dein Flächendiagramm zu erstellen. Klicke dazu im Menü links oben auf „Statistik erstellen“ oder auf Dein Profil rechts oben und wähle dort „+Erstellen“ aus.
Prinzipiell gibt es gibt drei Möglichkeiten, einen Datensatz auf 23° hochzuladen:
Kopiere die Daten aus Excel, Google Spreadsheets, LibreOffice etc. und füge sie in den Uploader ein (Strg+ C -> Strg + V).
Lade ein CSV-Datei über den Upload-Button hoch.
Schreibe die Werte händisch in unsere Tabelle.
2. Prüfen & Beschreiben des Datensatzes
Nachdem Du Deine Daten auf 23degrees.io hochgeladen hast, erscheint die Datensatz-Ansicht („Dateneditor“).
In der Datensatz-Ansicht kannst Du prüfen, ob Dein Datensatz korrekt importiert wurde. Falls nötig, kannst Du auch noch Änderungen daran vornehmen, wie etwa Spalten und Zeilen hinzuzufügen oder Rechtschreibfehler in der Daten-Tabelle zu korrigieren. Wie Du siehst, haben wir die Werte-Spalte „Wert“ korrekt als Nummer (und nicht als Text, Geo oder Zeit) erkannt, da sie violett eingefärbt ist, und die Spalte „Jahr“ als Zeit. Auch die Spalte „Kategorie“ wurde korrekt als Text identifiziert. Du kannst Deinem Datensatz auch einen Titel und Untertitel geben sowie eine Quelle und Beschreibung hinzufügen. Diese Elemente werden dann ebenfalls in Deine Visualisierung übernommen.
Klicke nun auf „Weiter zur Statistik„, um zur Visualisierungs-Ansicht zu gelangen.
3. Visualisierung
Du siehst jetzt ein einfaches (vertikales) Balkendiagramm. Um aus einem vertikalen Balkendiagramm ein Flächendiagramm zu machen, wähle dieses als Visualisierungstyp in den Basiseinstellungen aus. Klicke jetzt nochmal auf „Speichern“ oben rechts, um Dein erstes Liniendiagramm zu erstellen und in einem Deiner Ordner abzulegen.
Dein Flächendiagramm ist nun fertig und mit den 23° Standard Design-Einstellungen versehen.
Wie Du am Anfang des Eintrages sehen kannst, haben wir das Diagramm noch etwas bearbeitet: Farben, Schriftarten, die Achsenbeschriftung verändert und Vorzeichen zu den Werte in den Balken hinzugefügt. Diese Schritte erklären wir in einem separaten Tutorial, das Du hier finden kannst.
