Mehr Statistiken-Layouts (8)
Alle anschauen- 01Pro

Flächendiagramm-Stats
Sieben-Tage-Flächendiagramm für Umsatz/Kosten teilt eine Karte mit Summe und Delta-Badge, dazu vier Kennzahlen. React und Tailwind: trend-Array ersetzen.
- 02Pro

Bento-Stats-Board
Zwei schmale Wachstumskarten mit Drilldown-Links neben einer doppelt breiten Markenkarte mit Headline-Zahl. React und Tailwind: Links auf Reports richten.
- 03Pro

Kompakte Icon-Stats-Reihe
Die kürzeste Stats-Leiste im Set: vier Karten, jede eine Icon-Kachel neben einer Zahl und einem Zwei-Wort-Label. React und Tailwind: unter den Hero setzen.
- 04Pro

Geteiltes Stats-Panel
Randloses Farbband, dessen drei Zahlen ein Panel mit zwei Pixel starken Trennlinien teilen. React und Tailwind: Text anpassen, zwischen Abschnitte setzen.
- 05Pro

Donut-Diagramm-Stats
Zufriedenheits-Donut mit dem Wert im Loch, flankiert von vier Karten im Wechsel aus Schwarz und Weiß. React und Tailwind: Verhältnis im Array ändern.
- 06Pro

Stats-Mosaic mit CTA
Pitch links, Beleg rechts: Headline und zwei Buttons neben einem Mosaic aus hohen und niedrigen Kacheln. React und Tailwind: Kacheln neu gewichten.
- 07Pro

Stats mit Trendpfeilen
Jede Karte fixiert einen runden Trendpfeil und ein Delta zum Vorjahr an einer Grundlinie. React und Tailwind: jeden Trend auf up oder down setzen.
- 08Pro

Shop-Kennzahlen-Dashboard
Ein Umschalter für Tag, Woche, Monat, Jahr steuert vier KPI-Karten über Umsatzaufteilung und Top-Produkte-Liste. React/Tailwind: figures-Objekt abrufen.
https://neobrutalism.com/de/blocks/stats/three-stat-cards-with-highlight




















