Zum Inhalt springen
UI Kit
Accent

Statistik-Charts

Streudiagramme, Verteilungen vom Histogramm bis zum Boxplot, Radarprofile und Treemaps für Daten mit vielen Punkten.

4 Components · 20 Variants
Kategorie wechseln

Auf dieser Seite

Alle Components dieser Kategorie. Wähle eine, um zu ihren Variants zu springen.

distribution-chart

Verteilungsdiagramm

Wie sich Werte verteilen, nicht nur ihr Schnitt. Als Histogramm, Boxplots, Dichtekurven, Punktstreifen, in dem kein Punkt einen anderen verdeckt, oder als Perzentilbänder mit dem eigenen Wert darin.

Props und Details · Verteilungsdiagramm

Histogramm

Anzahl je Klasse auf runden Grenzen. Die mittlere Hälfte der Werte behält den Akzent, der Median steht als Linie.

Im Studio öffnen

Boxplot

Eine Box je Gruppe, mit Quartilen, Median, Antennen bis anderthalb Boxlängen und Ausreißern als Ringen.

Im Studio öffnen

Dichte

Glatte Kurven für bis zu drei Gruppen auf einer Skala, der Median gestrichelt. Der Zeiger liest ab, wie viele schneller sind als ein Punkt.

Im Studio öffnen

Punktstreifen

Jeder Wert als Punkt, so gepackt, dass keiner einen anderen verdeckt, der Median als Linie durch jede Gruppe.

Im Studio öffnen

Perzentile

Eine Verteilung als Bänder von P10 bis P90 mit Median, der eigene Wert darin platziert und ein Satz, der sagt, wo er steht.

Im Studio öffnen

radar-chart

Netzdiagramm

Mehrere Messgrößen einer Sache auf Speichen um eine Mitte, als Profil, als Vergleich, mit verknüpfter Liste, als kleine Vielfache auf einer Skala oder gegen ein Ziel. Pfeiltasten gehen die Speichen entlang.

Props und Details · Netzdiagramm

Profil

Eine Form auf Ringen ab null, jede Speiche antwortet dem Zeiger mit ihrem Wert.

Im Studio öffnen

Vergleich

Zwei Formen auf einem Netz. Ein Eintrag der Legende holt seine Form nach vorn, der Tooltip nennt beide Werte je Speiche.

Im Studio öffnen

Mit Liste

Form und eine Liste der Speichen mit Balken nebeneinander, auf dem Telefon untereinander. Ein Zeiger auf einer Seite hebt dieselbe Speiche hervor.

Im Studio öffnen

Kleine Vielfache

Ein kleines Netz je Eintrag auf derselben Skala, vorn ein Schlüssel mit den Namen der Speichen, neben jedem Namen der Schnitt.

Im Studio öffnen

Gegen ein Ziel

Die Form gegen eine gestrichelte Zielkontur. Speichen unter dem Ziel bekommen einen hohlen Punkt, die Anzahl steht darüber.

Im Studio öffnen

scatter-chart

Streudiagramm

Zwei Messgrößen je Eintrag als Punkte, schlicht, in Gruppen, mit Trendlinie, in vier Feldern oder als Blasen. Der nächste Punkt antwortet dem Zeiger, Pfeiltasten gehen von links nach rechts.

Props und Details · Streudiagramm

Punkte

Eine Punktwolke, der heißeste und der kälteste Tag direkt benannt, der Rest in Tooltip und Tabelle.

Im Studio öffnen

Gruppen

Drei Stadtteile in den ersten drei Reihenfarben. Ein Eintrag der Legende holt seinen Stadtteil nach vorn.

Im Studio öffnen

Trendlinie

Eine Ausgleichsgerade zeichnet sich nach den Punkten ein und nennt, wie stark der Zusammenhang ist.

Im Studio öffnen

Vier Felder

An den Mittelwerten in vier benannte Felder geteilt. Ein gewähltes Feld färbt sich und holt seine Produkte nach vorn.

Im Studio öffnen

Blasen

Eine dritte Größe als echte Fläche jedes Punkts, die größten zuerst gezeichnet, ein Größenschlüssel in der Ecke.

Im Studio öffnen

treemap

Treemap

Teil vom Ganzen als Kacheln, deren Fläche der Wert ist, flach, in Gruppen, zum Hineinzoomen, nach Veränderung getönt oder über zwei Zeiträume mit gleitenden Kacheln. Pfeiltasten gehen von Kachel zu Kachel.

Props und Details · Treemap

Quadratisch

Eine Ebene fast quadratischer Kacheln, die größte im Akzent, Beschriftung nur wo sie passt.

Im Studio öffnen

Gruppiert

Kacheln in vier benannten Gruppen mit ihren Summen, jede Gruppe in eigenem Ton, die Legende trägt die Summen.

Im Studio öffnen

Hineinzoomen

Zuerst die Gruppen. Ein Tippen öffnet eine, ihre Kacheln gleiten herein, der Pfad darüber und Escape führen zurück.

Im Studio öffnen

Nach Veränderung getönt

Die Fläche ist die Größe, die Tönung die Veränderung zum Vormonat. Pfeile und Vorzeichen tragen die Richtung mit, nicht die Farbe allein.

Im Studio öffnen

Zwei Zeiträume

Ein Umschalter zwischen zwei Jahren. Die Kacheln behalten ihre Reihenfolge und gleiten auf ihre neue Größe, die Anzeige nennt beide Werte.

Im Studio öffnen

Ähnliche Components

Mehr aus Elements, demselben Bereich des Kits.

Wird oft kombiniert mit

Sections, die auf einer Seite meist neben Statistik-Charts stehen.

Oft gesucht

Direkt zu

In die Zwischenablage kopiert