Zum Inhalt

Dataviz

Wenn Zahlen als Bild verständlicher sind als als Text — Verlauf, Anteil, Vergleich.

15 Bausteine.

area_chart

Flächendiagramm aus Datenreihen

Wann nehme ich es? Wenn ein Verlauf gezeigt wird und die Fläche darunter die Menge betonen soll.

Noch ein Gerüst. Dieser Baustein ist bewusst unfertig — er lässt sich einsetzen, bringt aber noch keine ausgebaute Bedienung mit.

Merkmal Wert
Bereich Daten-Visualisierung
Nimmt entgegen chart_series
Gibt weiter series_data

bar_chart

Balkendiagramm aus Datenreihen

Wann nehme ich es? Wenn Werte nebeneinander verglichen werden — Monate, Bereiche, Kategorien.

Noch ein Gerüst. Dieser Baustein ist bewusst unfertig — er lässt sich einsetzen, bringt aber noch keine ausgebaute Bedienung mit.

Merkmal Wert
Bereich Daten-Visualisierung
Nimmt entgegen chart_series
Gibt weiter series_data

card_grid

Raster-Layout aus Karten (responsive Spalten)

Wann nehme ich es? Wenn mehrere Kennzahlen oder Bereiche nebeneinander stehen, jede mit Titel und Beiwert.

Merkmal Wert
Bereich Daten-Visualisierung
Gibt weiter selected_row

chart

Interaktiver Chart (Linien, Balken, Kreis, Radar)

Wann nehme ich es? Wenn eine eigene Datenreihe gezeichnet wird (Form über variant). Für Börsenkurse aus dem Netz: live_chart; für einen einzelnen Wert: gauge.

Merkmal Wert
Bereich Daten-Visualisierung
Nimmt entgegen chart_series
Gibt weiter series_data

dashboard

Dashboard-Layout mit Metriken, Charts und Tabellen

Wann nehme ich es? Wenn mehrere Kennzahlen und Diagramme zusammen einen Überblick geben. Für ein einzelnes Diagramm genügt chart.

Merkmal Wert
Bereich Daten-Visualisierung
Nimmt entgegen metrics
Gibt weiter metrics

donut_chart

Ring-Diagramm aus Datenreihen

Wann nehme ich es? Wenn Anteile eines Ganzen gezeigt werden und in der Mitte noch eine Zahl Platz haben soll.

Noch ein Gerüst. Dieser Baustein ist bewusst unfertig — er lässt sich einsetzen, bringt aber noch keine ausgebaute Bedienung mit.

Merkmal Wert
Bereich Daten-Visualisierung
Nimmt entgegen chart_series
Gibt weiter series_data

funnel_chart

Trichterdiagramm aus Datenreihen

Wann nehme ich es? Wenn Stufen gezeigt werden, bei denen von Stufe zu Stufe etwas wegfällt.

Noch ein Gerüst. Dieser Baustein ist bewusst unfertig — er lässt sich einsetzen, bringt aber noch keine ausgebaute Bedienung mit.

Merkmal Wert
Bereich Daten-Visualisierung
Nimmt entgegen chart_series
Gibt weiter series_data

gauge

Messuhr: ein Wert auf einer Skala (270°-Bogen mit Zeiger)

Wann nehme ich es? Wenn ein gespeister Wert gegen eine Skala gezeigt wird. Für den Verlauf mehrerer Werte ist sparkline gemeint, für Achsen und Legende chart.

Merkmal Wert
Bereich Daten-Visualisierung
Nimmt entgegen value

heatmap

Konfigurierbare Wärmekarte (Matrix-Heatmap, Custom-paintEvent-Raster)

Wann nehme ich es? Wenn eine Matrix nach Größe eingefärbt wird — auffällig ist, wo es dunkel oder hell wird.

Merkmal Wert
Bereich Daten-Visualisierung
Nimmt entgegen matrix

line_chart

Liniendiagramm aus Datenreihen

Wann nehme ich es? Wenn ein Verlauf über die Zeit gezeigt wird.

Noch ein Gerüst. Dieser Baustein ist bewusst unfertig — er lässt sich einsetzen, bringt aber noch keine ausgebaute Bedienung mit.

Merkmal Wert
Bereich Daten-Visualisierung
Nimmt entgegen chart_series
Gibt weiter series_data

live_chart

Live-Kurse für Krypto und Börse — eingebettetes Kursdiagramm von TradingView

Wann nehme ich es? Wenn Kurse fortlaufend mitlaufen sollen. Dieser Baustein holt seine Daten aus dem Netz.

Merkmal Wert
Bereich Daten-Visualisierung
Nimmt entgegen chart_series
Gibt weiter series_data

pie_chart

Kreisdiagramm aus Datenreihen

Wann nehme ich es? Wenn wenige Anteile eines Ganzen verglichen werden. Bei mehr als einer Handvoll ist ein Balkendiagramm lesbarer.

Noch ein Gerüst. Dieser Baustein ist bewusst unfertig — er lässt sich einsetzen, bringt aber noch keine ausgebaute Bedienung mit.

Merkmal Wert
Bereich Daten-Visualisierung
Nimmt entgegen chart_series
Gibt weiter series_data

radar_chart

Netzdiagramm aus Datenreihen

Wann nehme ich es? Wenn dasselbe an mehreren Achsen gemessen wird — ein Profil statt einer Reihe.

Noch ein Gerüst. Dieser Baustein ist bewusst unfertig — er lässt sich einsetzen, bringt aber noch keine ausgebaute Bedienung mit.

Merkmal Wert
Bereich Daten-Visualisierung
Nimmt entgegen chart_series
Gibt weiter series_data

scatter_chart

Streudiagramm aus Datenreihen

Wann nehme ich es? Wenn der Zusammenhang zweier Größen gesucht wird — jeder Punkt eine Messung.

Noch ein Gerüst. Dieser Baustein ist bewusst unfertig — er lässt sich einsetzen, bringt aber noch keine ausgebaute Bedienung mit.

Merkmal Wert
Bereich Daten-Visualisierung
Nimmt entgegen chart_series
Gibt weiter series_data

sparkline

Kompakter Mini-Trend ohne Achsen (Linie mit Füllfläche)

Wann nehme ich es? Wenn ein Trend in eine Zeile passen muss, ohne Achsen und Beschriftung.

Merkmal Wert
Bereich Daten-Visualisierung
Nimmt entgegen values