Grafiekcatalogus

Zeventien framework-onafhankelijke grafieken. Elke pagina bevat een voorbeeld, het gebruik in elk framework en een LLM-contextpaneel.

• Lijndiagram - Trends · Trends in de tijd over één of meerdere reeksen - met optionele detectie van hiaten, een optionele canvas-renderer (LTTB-decimatie voor grote datasets) en hulplijnen voor losse punten.
• Waaierdiagram - Trends · Voorspelling · Een voorspellingswaaier: historie, een gestippelde voorspelde mediaan en geneste betrouwbaarheidsbanden die breder worden naarmate de horizon verder weg ligt (opgebouwd uit Lijn + Bereik).
• Vlakdiagram - Samenstelling · Deel-van-geheel in de tijd: hoe het aandeel van elk onderdeel in een gestapeld totaal verschuift.
• Spreidingsdiagram - Correlatie · De relatie tussen twee numerieke variabelen; de bolgrootte geeft een derde variabele weer.
• Bereikdiagram - Trends · Min-max-banden per reeks - voorspellingen, betrouwbaarheidsintervallen of waargenomen bereiken in de tijd.
• Lintdiagram - Samenstelling · Gestapelde kolommen per periode, verbonden door linten die elke categorie door de tijd heen volgen.
• Radardiagram - Vergelijking · Vergelijk meerdere entiteiten in één oogopslag over een gedeelde set assen (een veelhoek per entiteit).
• Verticale gestapelde staven - Samenstelling · Gestapelde verticale staven per categorie, met een expliciete bewaking voor ontbrekende data bij schaarse datasets.
• Vergelijkbare staven - Vergelijking · Twee overlappende horizontale substaven per label - een "based"-waarde tegenover een "compared"-waarde.
• Dubbele staven (Tornado) - Vergelijking · Divergerende staven vanaf een middellijn - value1 rechts, value2 links (bevolkingspiramides, tornado-diagrammen).
• Halterdiagram - Samenstelling · Cumulatieve horizontale segmenten per rij met eindcirkels die elke stap markeren.
• Verschildiagram - Vergelijking · Twee waarden per label verbonden door een verschilbalk - benadrukt het verschil ertussen.
• Treemap - Samenstelling · Hiërarchische tegels waarvan de grootte de waarde weergeeft, elk optioneel opgesplitst in twee delen (bijv. gerealiseerd versus onbenut) - met een mobielvriendelijke stapel-layout.
• Cirkel / Donut - Samenstelling · Segmenten waarvan de grootte het aandeel van een geheel weergeeft, met %-labels per segment; stel innerRadiusRatio in voor een donut.
• Bellendiagram - Samenstelling · Cirkels waarvan de grootte de waarde weergeeft, samengetrokken tot een cluster door zwaartekracht, elk optioneel opgesplitst in een gerealiseerde kern en een onbenutte ring.
• Sankey - Stroom · Stromen tussen knooppunten, gerangschikt in kolommen, met een banddikte die evenredig is aan de stroomwaarde (gebouwd op d3-sankey).
• Fontein (Jet d'Eau) - Vergelijking · Hoogte van de top = waarde, de opbloeiende pluim = onzekerheid. Categorische x = momentopname/vergelijking van KPI's; temporele of numerieke x = trend met optionele voorspellende fonteinen (het best voor ~5-12 perioden).