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.
Mit Shortcuts könnt ihr an beliebiger Stelle im Bereich der Ordner auf ursprüngliche Inhalte eines bestimmten Ordners verweisen, also eine Verknüpfung erstellen.
Das ist besonders praktisch beim geteilten Arbeiten und der Nutzung vieler Unterordner. Denn anstatt bei jedem Speichern den richtigen geteilten (Unter-)Ordner suchen zu müssen, lässt sich nun einfach ein Shortcut an einer selbstgewählten Stelle in der Ordnerstruktur erstellen. So ist der richtige Ordner schnell gefunden.
Sollte der ursprüngliche Ordner gelöscht werden oder solltet ihr den Zugriff darauf verlieren, wird dies durch ein rotes Symbol angezeigt.
Auch das Ablegen von Shortcuts in Ordnern, die man mit anderen Usern geteilt hat, ist unproblematisch. Denn Zugriff auf den verknüpften Ordner haben nur die User, die über Zugriffsrechte zum genau diesem Ursprungsordner verfügen.
Um einen Shortcut zu erstellen, einfach per Rechtsklick „Shortcut erstellen…“ auswählen und dann den Ordner auswählen, in dem der Shortcut abgelegt werden soll.
Beim Abspeichern Deiner Visualisierungen gibt es zwei Optionen bezüglich der Aktualisierung. Du findest die Einstellungen im Popup Fenster im Zuge des Speicher-Prozesses.
Live
Wählst Du beim Speichern „live“ bei den Aktualisierungsoptionen aus, so werden bei einer Aktualisierung des Datensatzes, aus dem die Visualisierung erstellt wurde, alle neuen Daten automatisch in die Visualisierung übertragen. Die Visualisierung bildet somit den letzten Datenstand ab.
Wenn Du eine Live-Visualisierung gespeichert hast, siehst Du das in der Visualisierungsübersicht unterhalb des Titels. Auch in der Card-Ansicht ist eine solche Visualisierung mit „Live“ gekennzeichnet.
Statisch
Beim Speichern einer Visualisierung als „statisch“ werden bei einer Aktualisierung des zugrunde liegenden Datensatzes die aktualisierten Daten nicht automatisch in die Visualisierung übernommen.
Sind neue Daten verfügbar, so wird dieses in der Visualisierungsübersicht durch die Informationen „updateavailable“ unter dem Titel sowie „new data“ angezeigt. Durch Klick auf „new data“ werden die aktualisierten Daten in die Visualisierung übernommen. Dies kann natürlich auch wieder rückgängig gemacht werden, solange die Visualisierung nicht durch erneutes Speichern aktualisiert wurde.
Zusätzlich gibt es die Option, sich mittels der Notifikationen (Push-Mitteilungen bzw. Notifikations-Glocke in der Leiste links oben) über Änderungen und Aktualisierungen benachrichtigen zu lassen. Dafür einfach einen Haken neben die entsprechende Anzeige in den Aktualisierungsoptionen setzen. Diese Möglichkeit ist übrigens unabhängig davon, ob eine Visualisierung als „live“ oder „statisch“ gespeichert wurde.
Bei 23° kannst Du detailliert bestimmen, wie Deine interaktive Visualisierung bei unterschiedlichen Bildschirmgrößen angezeigt wird. Diese Einstellungen kannst Du im Embed Editor ändern.
Folgende Optionen unterstützt 23°:
Responsiv
In dieser Option kann eine Vielzahl von Grenzwerten im Bezug auf Bildschirmbreiten angegeben werden. Ab dem jeweiligen Grenzwert werden die entsprechenden Werte für Schriftskalierung und Seitenverhältnis auf die Visualisierung angewendet.
Fix
Hier werden lediglich jeweils EINE Höhe und Breite angegeben, in der die Visualisierung angezeigt wird, unabhängig von der Bildschirmgröße des Endgerätes, auf dem diese betrachtet wird.
Extern
Bei dieser Option setzt 23° keine Style-Einstellungen. Alle benötigten Einstellungen für das iFrame müssen also von der Zielseite kommen.
Du kannst beim Speichern beziehungsweise Aktualisieren Deiner Datensätze und Visualisierungen zwischen drei Optionen wählen:
1. Öffentlich
Wird eine Visualisierung oder ein Datensatz als „öffentlich“ gespeichert, so ist er von anderen Usern über die Suche auf der 23° Plattform sowie über Google auffindbar.
2. Nicht gelistet
Beim Speichern als „nicht gelistet“ kann die Visualisierung oder der Datensatz lediglich über den entsprechenden Link aufgerufen werden. Nur wer über diesen Link verfügt, ist also dazu in der Lage, die Inhalte zu sehen.
3. Privat
Wenn Du eine Visualisierung oder einen Datensatz als „privat“ speicherst, dann sind die Inhalte nur für Dich sichtbar, wenn Du auf der 23° Plattform angemeldet bist.
Welche Privatsphären-Einstellung eine Visualisierung oder ein Datensatz aufweist, siehst Du in der Überblicksansicht unterhalb des Titels.
Die Download-Optionen sind bei 23° einerseits abhängig davon, welche Lizenz der User, der den Download durchführen möchte, besitzt. Zum anderen hast Du die Möglichkeit, für Deinen eigenen Visualisierungen die Veröffentlichungsrechte einzeln einzustellen.
Insgesamt stehen bei 23° für eine Visualisierung die folgenden Download-Möglichkeiten zur Verfügung:
Als Bild speichern
Hier kann die Visualisierung als Bild im png- oder jpeg-Format heruntergeladen werden. Wir stellen eine Vielzahl an Größenvorschlägen für die unterschiedlichen Nutzungen zur Verfügung. Es kann aber selbstverständlich auch eine selbst definierte Bildgröße gewählt werden.
Datentabelle herunterladen
Der User hat die Möglichkeit, entweder die in der Visualisierung aktuell sichtbaren Daten, die in der Visualisierung verarbeiteten Daten oder den gesamten zugrunde liegenden Datensatz herunterladen. Das Ganze funktioniert in den Formaten xls, csv sowie json.
Als Vektorgrafik exportieren
An dieser Stelle ist es möglich, die Visualisierung print-optimiert als PDF oder SVG herunterzuladen. Auch hier stellen wir wieder viele Größenvorschlägen für die unterschiedlichen Nutzungen zur Verfügung. Und ebenso kann eine selbst definierte Bildgröße gewählt werden.
Daten über API abfragen
Die zugrunde liegenden Daten der Visualisierung können außerdem über eine API abgerufen werden.
Auf eigener Website verwenden
Für die Weiterverwendung auf der eigenen Website bieten wir folgende Optionen an:
Die Download-Optionen sind bei 23° einerseits abhängig davon, welche Lizenz der User, der den Download durchführen möchte, besitzt. Zum anderen hast Du die Möglichkeit, für Deinen eigenen Visualisierungen die Veröffentlichungsrechte einzeln einzustellen.
Was andere User mit Deiner Visualisierung machen dürfen, bestimmst Du. Die Einstellungen dazu findest Du in der Editor-Ansicht im Bereich „Settings“ unter „Veröffentlichungsrechte„.
Folgende Funktionen können für jede einzelne Visualisierung durch Anklicken der Option explizit erlaubt oder verboten werden:
Inhalte bearbeiten und speichern
Statistik einbetten
Statistik als Bild herunterladen
Statistik als Verktorgrafik exportieren
Datentabelle herunterladen
Wird nichts ausgewählt, so können andere User standardmäßig entsprechend ihrer 23° Lizenz auf die einzelnen Download-Features zugreifen.
23° bietet Dir die Möglichkeit, eine eigene Ordnerstruktur für Deine Datensätze und Visualisierungen anzulegen.
In diesem Tutorial erzählen wir Dir Alles, was Du darüber wissen musst.
Ordner-Ansicht
Um Deine Ordner anzuzeigen, klicke auf Dein Profilbild rechts oben und im geöffneten Popup-Fenster auf „Ordner“. Nun wird die Ordner-Ansicht geöffnet.
Hier gibt es folgende Optionen:
Art der Anzeige: Du kannst einstellen, in welcher Form Dir die Ordner angezeigt werden sollen, z.B. als Liste oder Cards.Art der Reihenfolge: Hier wählst Du, wonach Deine Ordner sortiert werden sollen. Außerdem kannst Du aussuchen, ob dies auf- oder absteigend passieren soll.
Darüber hinaus gibt es in dieser Ansicht die Möglichkeiten, Ordner zu suchen sowie zu erstellen (siehe unten).
Durch Doppelklick auf den Ordnernamen gelangst Du zur Ansicht der darin enthaltenen Unterordner, Visualisierungen und Datensätze.
Ein einfacher Klick auf den Ordnernamen öffnet in der oberen Leiste die Übersicht über die folgenden Funktionen, die Du auf den Ordner anwenden kannst:
Der Papierflieger gibt Dir die Möglichkeit, den Ordner mit anderen Usern zu teilen.
Durch Klick auf das Herz wird der Ordner zu Deinen Favoriten hinzugefügt. Diese kannst Du schnell und einfach über die Seitenleiste im Menü erreichen.
Die Diskette gibt Dir die Möglichkeit, eine Kopie des Ordners abzuspeichern.
Nach Klick auf den Pfeil kannst Du den Ordner an eine andere Stelle in Deiner Ordnerstruktur verschieben.
Hinter dem Verknüpfungs-Symbol daneben verbirgt sich die Möglichkeit, einen Shortcut innerhalb eines anderen Ordners zu diesem Order zu erstellen.
Durch Klick auf den Mülleimer kannst Du den Ordner löschen.
Einige dieser Funktionen lassen sich im Übrigen auch gleichzeitig auf mehrereOrdner anwenden. Wähle dafür durch einfaches Klicken auf den Ordnernamen die gewünschten Ordner an. Dass ein Ordner angewählt ist, siehst Du am grünen Haken neben dem Ordnernamen.
Erstellen von Ordnern
Es gibt zwei Wege, um einen Ordner anzulegen:
1. Nach Klick auf Dein Profilbild oben rechts öffnet sich ein Popup-Fenster. Klicke hier auf „+ Erstellen„. Daraufhin öffnet sich das folgende Fenster:
Klicke hier auf „Ordner erstellen“ und es öffnet sich ein passendes Popup-Fenster. Im Bereich „Ordner auswählen“ bestimmst Du, welcher Ordner dem neu erstellten übergeordnet ist, also, an welcher Stelle in Deiner Ordnerstruktur sich der neue Ordner befinden soll. Außerdem gibst Du hier den Namen des neuen Ordners ein. Nach Klick auf „Erstellen“ ist Dein Ordner bereit.
2. Auch in der Ordner-Ansicht ist es möglich, einen neuen Ordner anzulegen. In der oberen Leiste befindet sich ein Plus-Symbol, nach Klick darauf öffnet sich das gleiche Popup-Fenster wie oben beschrieben.
Geteilte Ordner
Die Ordner, die mit Dir geteilt sind, findest Du in der Ordner-Ansicht in der Seitenleiste unter dem Punkt „Mit mir geteilt„.
Wenn Du einen Ordner mit einem anderen User teilen möchtest, so klicke den Ordnernamen an und anschließend auf den Papierflieger. Es öffnet sich daraufhin folgendes Fenster:
Hier gibst Du die Mailadresse des Users ein, mit dem Du den Ordner teilen möchtest.
Im nächsten Schritt kannst Du bestimmen, welche Rechte dieser User bekommen soll. Du kannst zwischen den Optionen „Read„, „Write“ und „Admin“ wählen. Darüber hinaus gibt es auch die Möglichkeit, den User wieder zu löschen, so dass der Ordner nicht mehr mit ihm geteilt wird.
Zum Schluss bitte noch auf „Speichern“ klicken!
Dass ein Ordner mit einem oder mehreren Usern geteilt ist, erkennst Du daran, dass das entsprechende Ordnersymbol eine Person enthält. Möchtest Du Änderungen an den Rechten oder Usern an sich vornehmen, so wähle den entsprechenden Ordner an, klicke auf den Papierflieger und nimm‘ die gewünschten Änderungen im oben gezeigten Popup-Fenster vor.
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.
