Mit der Diagramm-Komponente lassen sich Daten als einfache, interaktive Diagramme darstellen. Interaktiv heisst, es werden zusätzliche Informationen eingeblendet, wenn man mit der Maus bzw. mit dem Finger über ein Diagramm fährt.

Verfügbare Diagrammtypen

• Liniendiagramm
• Kuchendiagramm
• Säulen- und Balkendiagramm
• gestapeltes Säulen- bzw. Balkendiagramm

Farbskala

• Es gibt zwei vordefinierte Farbskalen, eine für bis zu sechs und eine für bis zu zwölf Kategorien.
• Bei mehr als zwölf Kategorien wiederholen sich die Farben. 

Komplexere Diagramme

Wenn dein Diagramm zu komplex ist für die Diagramm-Komponente, ist allenfalls die Komponente D3-Graphics die bessere Lösung. Wende dich an Statistik Stadt Zürich.

Kuchendiagramm

• Kuchendiagramme eignen sich, wenn du den Anteil von etwas am Ganzen visualisieren möchtest.
• Ein Kuchendiagramm erwartet Zahlen und Kategorien.
• Es ist nicht notwendig, die Zahlen in Prozent umzuwandeln. 
• Beispiel: Anteil der verschiedenen Hunderassen in der Stadt Zürich.

Liniendiagramm

• Mit einem Liniendiagramm vergleichst du  Zusammenhänge bei der Veränderung von Werten über die Zeit.
• Ein Liniendiagramm erfordert Werte für Datum, Kategorie und Anzahl. 
• Beispiel: Entwicklung mehrerer Schadstoffwerte über die letzten zwanzig Jahre.

Säulendiagramm

• Säulendiagramme eignen sich, wenn du Werte von Kategorien vergleichen und nebeneinander darstellen willst.
• Ideal für die Darstellung von Änderungen über die Zeit.
• Säulendiagramme erwarten Zahlen und Kategorien.
• Eine Kategorie darf nur einmal vorkommen.
• Beispiel: Vergleich der Badieintritte in einem Jahr von sechs Bädern oder Vergleich der Einwohnerzahl von vier Städten.

Balkendiagramm

• Balkendiagramme eignen sich, wenn du Werte von Kategorien vergleichen und untereinander darstellen willst.
• Bei vielen Kategorien oder langen Bezeichnungen einem Säulendiagramm vorzuziehen.
• Nicht geeignet für die Darstellung von Änderungen über die Zeit.
• Balkendiagramme erwarten Zahlen und Kategorien.
• Eine Kategorie darf nur einmal vorkommen.
• Beispiel: Vergleich der Anzahl Angestellter in mehreren Firmen.

Gestapelte Säulen

• Gestapelte Säulendiagramme eignen sich, wenn du die Veränderungen in der Zusammensetzung von Kategorien vergleichen willst.
• Ideal für die Darstellung von Änderungen über die Zeit.
• Auf 100 Prozent umgerechnet: Wenn nur der relative Unterschied interessiert.
• Als absolute Werte: Wenn der relative und der absolute Unterschied interessieren.
• Gestapelte Säulen erfordern Werte für Datum, Kategorie und Anzahl.
• Beispiel: Vergleich der Bevölkerungszahl von Stadt und Kanton Zürich in den letzten Jahren.

Gestapelte Balken

• Gestapelte Balken eignen sich, wenn du die Zusammensetzung von Kategorien im Vergleich zu anderen Kategorien vergleichen willst.
• Auf 100 Prozent umgerechnet, wenn nur der relative Unterschied interessiert.
• Als absolute Werte: Wenn der relative und der absolute Unterschied interessieren.
• Nicht geeignet für die Darstellung von Änderungen über die Zeit.
• Gestapelte Balken erwarten Werte für Gruppe, Kategorie und Anzahl (in Prozent umgerechnet).
• Beispiel: Vergleich der relativen Anzahl Beschäftigter in verschiedenen Gewerben zwischen Stadt, Kanton und Land.

• Die Daten für das Diagramm werden als CSV-Datei in der Assets-Konsole abgelegt.
• Die Datei muss mit der Zeichencodierung UTF-8 gespeichert werden, sonst werden Sonderzeichen nicht korrekt dargestellt.
• Der Struktur der Daten hängt vom Diagrammtyp ab.
• Nutze für Kategorien ausschliesslich Strings (Zeichenketten), keine Zahlen. 

CSV-Datei erstellen

Mit dem Texteditor

Wenige Daten kannst du direkt in einem Text-Editor erfassen.

• Öffne dazu den Texteditor («Editor»).
• Gib die Daten kommagetrennt ein.
• Wähle «Speichern unter».
• Vergib der Datei einen Namen gemäss Vorgaben (Kleinschreibung, Bindestriche, keine Sonderzeichen).
• Ändere die Dateiendung «.txt» in «.csv».
• Wähle bei der Codierung «UTF-8».
• Klicke auf «Speichern».

Mit Excel

• Umfangreichere Daten strukturierst du am besten in Excel und exportierst diese kommagetrennt als CSV-Datei.
• Öffne die Datei anschliessend im Editor.
• Je nach Windows-Einstellung übernimmt Excel einen Strichpunkt als Listentrennzeichen. In diesem Fall musst du alle Strichpunkte suchen und mit einem Komma ersetzen.
• Speichere die Datei mit der Zeichencodierung «UTF-8».

Komma gilt als Trennzeichen bei CSV-Dateien!

• Verwende bei Zahlen den Dezimalpunkt, nicht das Dezimalkomma! 
• Falls in einer Beschriftung ein Komma vorkommt, muss die ganze Beschriftung in Anführungszeichen gesetzt werden. Andernfalls wird das Komma als Trennzeichen interpretiert und die Darstellung gerät durcheinander. Beispiel: "Kinder, Jugendliche".