template

Die Verwendung eines Template sorgt dafür, dass Visualisierungen einheitlich scheinen. Aus diesem Grund bietet 23° die Möglichkeit, dass ein von Dir erstelltes Template genauso für andere NutzerInnen freigeben werden kann. So ist es möglich, dass die Visualisierungen Deiner KollegInnen dasselbe Template haben wie Deine. Hierfür brauchst Du zunächst einmal die E-Mail Adresse des Accounts, mit dem Du Dein Template teilen möchtest.

Um Dein Template zu teilen, gehst Du in den Bereich Entwurfsvorlagen. Sobald sich Deine Maus über der gewünschten Entwurfsvorlage befindet, hast Du zwei Möglichkeiten zu den Einstellungen zu gelangen.

  1. Im rechten oberen Eck Deines Template, mit Klick auf das Papierfluzeug (Mit anderen Nutzern teilen).
  2. Im rechten unteren Eck Deines Template befinden sich die Template-Optionen, mit einem auf diese drei Punkte hast Du ebenfalls die Möglichkeit die Option Mit anderen Nutzern teilen auszuwählen.

Sobald Du Mit anderen Nutzern teilen ausgewählt hast, öffnet sich ein Popup in dem Du die E-Mail Adresse des Accounts, mit dem Du Dein Template teilen möchtest, eingeben kannst.

Hier hast Du ebenfalls die Möglichkeit die Zuteilung wieder zu entfernen, indem Du auf das Mülleimer Symbol klickst.

Read more

Bei der Erstellung Deines Accounts bekommst Du von 23° Default-Templates zugewiesen. Mit der Zeit erstellst Du jedoch Deine eigenen Templates und möchtest diese als Default haben. In diesem Tutorial zeigen wir Dir, wie Du Dein Template als Default einstellen kannst.

Hierzu gehst Du ein den Bereich Entwurfsvorlagen. Sobald sich Deine Maus über der gewünschten Entwurfsvorlage befindet, erscheinen im rechten unteren Eck die Menü-Optionen, die unter den drei vertikalen Punkten aufrufbar sind.

In den Template-Optionen hast Du anschließend die Möglichkeit Dein Template als Default zu definieren, indem Du auf Als Standardvorlage auswählen klickst.

Das von Dir als Default festgelegte Template, wird jetzt bei der Erstellung von Visualisierungen verwendet.

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

Überall dort, wo in Deiner Visualisierung Text vorkommt, ist es möglich, diesen bezüglich Schrift und Schriftsatz individuell einzustellen, indem Du auf das A am Ende der Zeile klickst. Diese Anpassungen richten sich primär an die Template-Erstellungen und können beim Erstellen/ Anpassen eines Templates übernommen werden. Dem gegenüber gibt es auch die Schrift- und Textanpassungen der Visualisierungen, die nur für die aktuelle Visualisierung angepasst werden, das Tutorial dazu findest Du hier. In diesem Tutorial erklären wir Dir welche Möglichkeiten der Anpassung Du für Deine Default-Entwurfsvorlage Einstellungen treffen kannst.

Du hast die Möglichkeiten folgende Komponenten anzupassen:

  • Ausrichtung
  • Schriftart
  • Gewicht
  • (Schrift)Größe
  • Zeilenhöhe
  • Farbe
  • Schatten
  • Padding
  • Margin

Ausrichtung

Bezüglich der Textausrichtung gibt es folgende Auswahlmöglichkeiten:

  • blocksatz
  • zentriert
  • linksbündig
  • rechtsbündig

Als Default wird bei 23° linksbündig ausgewählt.

Schriftart

Als Standard ist bei uns die Schriftart Roboto eingestellt. Bei Bedarf kannst Du eine andere Schriftart aus den freien Schriften wählen, die im System vorhanden sind.

Je nach Art des 23°-Abos ist es auch möglich, eine eigene Schriftart zu hinterlegen. Bei Bedarf melde Dich bitte direkt bei uns unter [email protected].

Gewicht

Je nachdem, welche Schriftart ausgewählt ist, sind verschiedene Stile verfügbar. Du kannst diese einfach im Dropdown aussuchen. Vorhanden sind folgende Stile:

Hier wird Deine gewählte Schriftart in den unterschiedlichen Stilen beispielhaft dargestellt.

Schriftgröße

Die Schriftgröße lässt sich entweder durch anklicken der Pfeile neben der Ziffer, die nach oben und unten zeigen, oder mittels Verschieben des Punktes auf der Linie anpassen. Darüber hinaus ist es möglich, die gewünschte Größe (Punkte) direkt in das Ziffern-Feld zu schreiben.

Zeilenhöhe

Die Zeilenhöhe lässt sich nach Punkten für die Schrift individuell einstellen. Sie entscheidet wie weit die vorhandenen Textzeilen voneinander entfernt sind.

Schriftfarbe

Durch Klick in das Farb-Kästchen gelangst Du in die Farbauswahl. Hier kannst Du durch Verschieben des Kreises die passende Farbe sowie Deckkraft einstellen. Oder Du gibst direkt die Farbwerte (Hex, RGB oder HSL) der gewünschten Farbe ein.

Schatten

Hier kannst Du, wie gewohnt, zunächst die Farbe und Deckkraft (siehe Schriftfarbe) des Schriftschattens wählen. Der Wert unter X und Y gibt dagegen an, um wie viele Punkte der Schatten auf den beiden Achsen verschoben ist. Blur beschreibt die selektierte Unschärfe des Schriftschattens.

Padding

Unter Padding versteht man den Innenabstand eines Elements, in diesem Fall des Textelements. Das ist der Zwischenraum zwischen dem Inhalt eines Elements und der Elementgrenze. Dieser Zwischenraum kann individuell für alle vier Seiten bzw. Richtungen  des Elements gewählt werden.

Margin

Der Wert Margin wird zum Positionieren des Elementes genutzt. Es handelt sich hierbei um den Außenabstand. Dieser befindet sich außerhalb des eigentlichen Elements. So kann der Abstand zu anderen Elementen oder zu den Seitenrändern festgelegt werden. Auch dieser ist für alle vier Seiten bzw. Richtungen einzeln einstellbar.

Nachdem Du alle Einstellungen angepasst hast, kannst Du sie in einer Entwurtfvorlage/ Template speichern, so das Du sie auf die nächsten Visualisierungen anwenden kannst. Wie Du das machst, zeigen wir Dir in diesem Tutorial.

Read more