Grafiekcatalogus

Tweeëntwintig 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.
• Vergelijkbare verticale staven - Vergelijking · Twee overlappende kolommen op volle breedte per categorie - een basiswaarde achter, een vergeleken waarde ervoor - met een verschilpijl boven elk paar.
• 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.
• Meter (ringen) - Vergelijking · Concentrische ringen, één per item, die elk waarde/max van een volledige cirkel over een achtergrondspoor doorlopen, met een centrale uitlezing die bij hover activeert.
• 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 · Een grote stip voor de gewone waarde, een fontein van de laagste tot de hoogste, en een kleine stip per echte meting, zodat je kunt tellen hoe vaak het over een grens gaat. Categorische x = momentopname; temporele of numerieke x = trend met optionele voorspellingen (het best voor ongeveer 3-12 perioden).
• Choropletenkaart - Geografie · Je eigen GeoJSON, gekleurd via een drempelschaal of een expliciete categorie-toewijzing, met 13 d3-geo-projecties.
• Symboolkaart - Geografie · Symbolen geplaatst op lengte- en breedtegraad, met een eenmalige krachtensimulatie die overlappende cirkels uit elkaar duwt.
• Radiale boom - Samenstelling · Een radiaal dendrogram: bladeren op gelijke afstand van het midden, cirkels geschaald op groeps- en bladniveau, en een labeldichtheid die meebeweegt met het aantal bladeren.