Daten — Components

Jahres-Raster nach GitHub-Muster: eine Kachel je Tag, Intensität in fünf Stufen aus einem Ton-Token, Wochentag- und Monats-Beschriftung, Legende und Gesamtzahl

Hierarchische Baum-Ansicht (Ordner/Strukturen, max. 6 Ebenen): Zweige klappen per Controller, Blätter emittieren select — Chevron dreht, aktiver Knoten hervorgehoben

Detail-Ansicht eines Datensatzes als Begriff/Wert-Zeilen (dl/dt/dd) — Werte-Arten text/badge/muted/code/link, ein- oder zweispaltig, optional gestreift

Diagramm auf ApexCharts (lokal ausgeliefert, kein CDN): Linie, Balken, Fläche, Kreis, Ring, Radar. Farben und Schrift werden zur Laufzeit aus den Design-Tokens gelesen, ein Theme-Wechsel färbt mit. Ohne JavaScript bleibt eine lesbare Wertetabelle stehen

Projekt-Zeitplan als Balkendiagramm: Zeilen mit Aufgaben, Zeitachse in Tagen/Wochen, farbige Balken (Ton aus Tokens), Fortschritts-Füllung, Heute-Linie und Meilenstein-Rauten

Spalten-Board mit Karten (Titel, Beschreibung, Badge, Zugewiesene, Link) — horizontal scrollbar; draggable-Prop schaltet Drag & Drop + Tastatur (Strg+Pfeile) frei

Durchlaufende Daten-Zeile (Kurse, Kennzahlen, Meldungen) mit Wert und Veränderungs-Ton — pausiert bei Hover; mit [data-motion=reduce] am Konsumenten statische scrollbare Zeile

Kompakter Tagesstreifen für Kopfleisten: waagerechte Tage mit Wochentag, Markierungs-Punkten für Termine, Blättern vor/zurück — Auswahl meldet das Datum

Voller Monatskalender (Mo–So): Termine als Punkte mit Label, Heute-Markierung, optionale Vor/Zurück-Links — serverseitig gerendert, Monat als Prop

Liste mit Gruppen, deren Einträge per Ziehen oder Tastatur (Pfeile mit Strg) umsortiert und zwischen Gruppen verschoben werden — meldet jede Umsortierung

Datentabelle aus columns/rows-Props — gestreift, dicht, mobil horizontal scrollbar, Sticky-Kopf + Spalten-Pinning

Kleine Verlaufsgrafik ohne Achsen für Kennzahl-Karten und Tabellenzellen — reines Inline-SVG, KEINE Diagramm-Bibliothek nötig; Farbe aus Tokens, Wertetabelle als Rückfall entfällt (Werte stehen im aria-label)

Zwei Fassungen übereinander mit Schieberegler: Vorher links, Nachher rechts, Griff per Maus/Tastatur — für Bild- oder Text-Vergleiche

Zahl, die bei Wertänderung zum neuen Wert zählt (deutsches Format) — Server rendert den Endwert; mit [data-motion=reduce] am Konsumenten springt er sofort