XY-grafieken
Maak staafdiagrammen en lijngrafieken met aanpasbare assen. Ideaal voor datavisualisatie en trendanalyse.
Wat is XY-grafieken?
XY-grafieken zijn veelzijdige datavisualisatietools die gegevenspunten plotten op een tweedimensionaal coördinatenstelsel. Met ondersteuning voor zowel staafdiagrammen als lijngrafieken zijn ze fundamenteel voor het tonen van trends, vergelijkingen en verdelingen. XY-grafieken behoren tot de meest gebruikte grafiektypen in bedrijfsrapportage, wetenschappelijk onderzoek en data-analyse.
Bewerken en preview
Bouw een XY-grafieken met Mermaid-syntaxis en zie wijzigingen direct.
Example
XY chart example
A Mermaid XY chart combining bars and a line for monthly diagram exports.
Mermaid code
xychart-beta
title "Monthly Diagram Exports"
x-axis [Jan, Feb, Mar, Apr, May]
y-axis "Exports" 0 --> 100
bar [42, 58, 73, 81, 96]
line [40, 55, 70, 84, 94]Veelvoorkomende toepassingen
Trendanalyse
Volg statistieken in de tijd met lijngrafieken. Visualiseer groeitrends, seizoenspatronen en prestatietrajecten.
Vergelijkingsrapporten
Vergelijk waarden over categorieën met staafdiagrammen. Toon omzet per regio, scores per team of aantallen per categorie.
Prestatiedashboards
Maak visuele samenvattingen van belangrijke statistieken. Combineer staven en lijnen om zowel absolute waarden als trends te tonen.
Datadocumentatie
Neem grafieken op in technische documentatie en rapporten. Houd datavisualisaties versiebeheerd naast tekstinhoud.
Belangrijkste functies
Staafdiagrammen
Maak verticale staafdiagrammen met aangepaste gegevenswaarden en categorielabels voor categorische vergelijkingen.
Lijngrafieken
Plot continue gegevens met lijngrafieken om trends en veranderingen in de tijd of over categorieën te tonen.
Aanpasbare assen
Definieer aslabels, bereiken en categorieën. Stel minimum- en maximumwaarden in voor nauwkeurige gegevensrepresentatie.
Gecombineerde grafieken
Leg staaf- en lijngrafieken over elkaar in dezelfde visualisatie om meerdere gegevensdimensies tegelijk te tonen.
Best practices
Kies het juiste grafiektype
Gebruik staven voor categorische vergelijkingen en lijnen voor trends in de tijd. Combineer ze wanneer je beide aspecten toont.
Label assen duidelijk
Voeg altijd aslabels toe met eenheden. Lezers moeten begrijpen wat de grafiek toont zonder aanvullende uitleg.
Begin de Y-as bij nul
Begin bij staafdiagrammen de y-as bij nul om misleidende visuele verhoudingen te voorkomen.
Houd datasets gefocust
Toon één of twee datareeksen per grafiek. Te veel overlappende reeksen maken grafieken moeilijk leesbaar.
Ontdek andere diagramtypen
Stroomdiagrammen
Visualiseer processen, workflows en algoritmen met knooppunten en gerichte pijlen. Perfect voor bedrijfsprocessen en beslisbomen.
Sequentiediagrammen
Documenteer interacties tussen verschillende actoren of systemen in de tijd. Ideaal voor API-documentatie en systeemontwerp.
Klassediagrammen
Modelleer objectgeoriënteerde systemen met klassen, attributen en relaties. Essentieel voor het plannen van softwarearchitectuur.
Toestandsdiagrammen
Geef toestandsovergangen in systemen of applicaties weer. Uitstekend voor het modelleren van levenscyclustoestanden en workflows.
Gantt-diagrammen
Plan en volg projecttijdlijnen met taken en afhankelijkheden. Perfect voor projectmanagement en planning.
ER-diagrammen
Ontwerp databaseschema's met entiteiten en relaties. Ideaal voor databasemodellering en documentatie.
Gebruikersreis
Breng gebruikerservaringen en interacties over contactpunten in kaart. Uitstekend voor UX-ontwerp en klantreis-mapping.
Git-grafieken
Visualiseer Git-branchingstrategieën en commitgeschiedenissen. Handig voor het uitleggen van versiebeheerworkflows.
Mindmaps
Organiseer ideeën, brainstorm concepten en maak hiërarchische visuele structuren. Perfect voor planning en kennismapping.
Cirkeldiagrammen
Toon proportionele gegevensverdelingen met ronde grafieken. Ideaal voor het weergeven van percentages en marktaandeelverdelingen.
Tijdlijnen
Visualiseer chronologische gebeurtenissen en mijlpalen langs een tijdas. Uitstekend voor projectgeschiedenissen en roadmaps.
Kanbanborden
Organiseer taken in kolommen die workflowfasen vertegenwoordigen. Perfect voor agile projectmanagement en taakbeheer.
Kwadrantdiagrammen
Plaats items op een twee-assig raster om te vergelijken en te prioriteren. Ideaal voor functieprioritering en strategische analyse.
Sankey-diagrammen
Visualiseer stroomhoeveelheden tussen knooppunten met proportionele pijlen. Perfect voor energiestromen, budgetallocatie en conversiefunnels.
Blokdiagrammen
Bouw gestructureerde lay-outs met blokken in kolommen en rijen. Uitstekend voor systeemarchitectuur en componentoverzichten.
Architectuurdiagrammen
Ontwerp cloud- en systeemarchitectuur met service-iconen en verbindingen. Perfect voor infrastructuurdocumentatie.
Pakketdiagrammen
Visualiseer netwerkprotocol-pakketstructuren met bitniveau-veldindelingen. Essentieel voor netwerkprotocoldocumentatie.