Chart-Komponenten¶
Die Chart-Komponenten sind wiederverwendbare Visualisierungsbausteine. Sie erhalten vorbereitete Daten als Input und werden von den Rückmeldeelementen zusammengesetzt. Sie können auch einzeln verwendet werden.
Die meisten Chart-Komponenten basieren auf ECharts für die Diagrammdarstellung.
Übersicht¶
| Komponente | Beschreibung | Verwendet in |
|---|---|---|
| Kompetenz-Balkendiagramm | Vertikale Balken pro Kompetenzstufe | Klassenleitungs-Übersicht, Schulübersicht |
| Donut-Chart | Ringdiagramm für Verteilungen | Zusammenfassungen (Geschlecht, Teilnahme, Sprache) |
| Lösungsquoten-Chart | Horizontale Balken mit Vergleichslinie | Lösungsquoten-Element |
| Kompetenz-Zusammenfassung | Textuelle Stärken/Schwächen-Analyse | Lösungsquoten-Element |
| SES-Gauge | Tacho-Diagramm für SES-Durchschnitt | Zusammenfassungen |
| Mindeststandard-Card | Karte mit Mindeststandard pro Fach | Schul-Zusammenfassung |
Weitere UI-Bausteine¶
| Komponente | Beschreibung |
|---|---|
CompetenceTableComponent |
Sortierbare Tabelle für Schul-/Schulamtsdaten |
FilterButtonGroupComponent |
Wiederverwendbare Button-Gruppe zur Filterauswahl |
OverviewRowComponent |
Zeile mit Kompetenz-Minicharts und Kennzahlen |
ParticipantsCardComponent |
Karte mit Teilnehmendenzahl |
InfoBoxComponent |
Informationsbox mit Icon und Text |