Dashboard
Auswertungsflächen, die eine Frage beantworten statt Kennzahlen zu stapeln.
Was macht eine Dashboard-Section lesbar?
Eine Dashboard-Section zeigt Daten so, wie ein Produkt es tut, entweder als Vorschau auf einer Marketingseite oder als Startpunkt für eine echte Oberfläche. Die Dashboards hier decken Schlaf- und Gesundheitsdaten ab, Buchungen und Aufenthalte, Auswertungen von Anrufen, Outreach-Kampagnen, Energie- und Umweltmessungen, Pflegedokumentation und die Auslastung von Teams.
Ein gutes Dashboard beantwortet zuerst eine Frage. Setz diese Antwort in die größte Zahl oder das größte Diagramm und halte alles andere kleiner. Nutze eine Akzentfarbe für den Wert, der zählt, und neutrale Töne für den Rest. Die Diagramme sind mit SVG in React gezeichnet, du brauchst also keine Chart-Bibliothek, und jedes Dashboard ist eine Datei mit Tailwind-Klassen und Beispieldaten, die du durch deine ersetzt.
Weitere Section-Kategorien
Häufige Fragen
Ja. Die Beispieldaten stehen als einfache Arrays und Objekte in der Datei. Ersetze sie durch Daten aus deiner API oder deinem State, und die Diagramme zeichnen sich daraus neu.
Nein. Die Diagramme sind mit SVG in React gezeichnet. Die einzigen Abhängigkeiten sind react, framer-motion und lucide-react.
Die Panels stapeln sich in eine Spalte, breite Diagramme behalten ihre Proportionen. Zeig auf dem Handy die wichtigste Zahl zuerst und die Details darunter.
Deine Frage war nicht dabei? Wir helfen gern weiter.
Kontakt aufnehmen