Sankey-diagrammen
Visualiseer stroomhoeveelheden tussen knooppunten met proportionele pijlen. Perfect voor energiestromen, budgetallocatie en conversiefunnels.
Wat is Sankey-diagrammen?
Sankey-diagrammen zijn stroomdiagrammen waarbij de breedte van pijlen evenredig is met de stroomhoeveelheid die ze vertegenwoordigen. Ze zijn uitstekend in het tonen hoe hoeveelheden stromen, splitsen en samenvloeien door een systeem. Vernoemd naar de Ierse kapitein Matthew Sankey, zijn deze diagrammen van onschatbare waarde voor het visualiseren van energieoverdrachten, budgetstromen, conversiefunnels en elk proces waarbij het begrijpen van proportionele stromen belangrijk is.
Bewerken en preview
Bouw een Sankey-diagrammen met Mermaid-syntaxis en zie wijzigingen direct.
Example
Sankey diagram example
A Mermaid sankey diagram showing how editor exports flow into documentation uses.
Mermaid code
sankey-beta
Editor,PNG export,42
Editor,SVG export,28
Editor,PDF export,18
Editor,JPG export,12
PNG export,Documentation,35
SVG export,Website,22
PDF export,Presentation,15Veelvoorkomende toepassingen
Conversiefunnelanalyse
Visualiseer gebruikersstroom door marketing- of verkoopfunnels. Zie waar gebruikers afhaken en hoe verkeer converteert in elke fase.
Energiestroomvisualisatie
Toon hoe energie wordt opgewekt, getransformeerd en verbruikt in een systeem. Volg verliezen en efficiëntie in elke fase.
Budget- en kostenstromen
Illustreer hoe geld stroomt van inkomstenbronnen via afdelingen naar uitgaven. Maak financiële verdelingen intuïtief.
Toeleveringsketenmapping
Volg materialen en producten van leveranciers via productie naar distributie. Visualiseer hoeveelheden in elke fase.
Belangrijkste functies
Proportionele pijlen
Pijlbreedte schaalt automatisch om stroomhoeveelheden weer te geven, waardoor relatieve volumes direct zichtbaar zijn.
Knooppuntlabels
Definieer bron- en doelknooppunten met beschrijvende labels om elke fase of entiteit in de stroom te identificeren.
Meerdere stromen
Toon stromen die splitsen van één bron naar meerdere doelen, of meerdere bronnen die samenvloeien in één doel.
Eenvoudige CSV-achtige syntaxis
Definieer stromen met intuïtieve bron-, doel-, waardetripletten die eenvoudig te schrijven en te onderhouden zijn.
Best practices
Stroom van links naar rechts
Rangschik het diagram zodat stromen van links naar rechts bewegen, passend bij de natuurlijke leesrichting en temporele progressie.
Gebruik zinvolle knooppuntnamen
Label knooppunten duidelijk zodat lezers direct begrijpen wat elke fase of entiteit vertegenwoordigt.
Beperk complexiteit
Houd het aantal stromen en knooppunten beheersbaar. Te veel kruisende pijlen verminderen de leesbaarheid.
Zorg voor gegevensnauwkeurigheid
Controleer of stroomwaarden nauwkeurig zijn, aangezien de visuele verhoudingen direct hoeveelheden communiceren aan lezers.
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.
XY-grafieken
Maak staafdiagrammen en lijngrafieken met aanpasbare assen. Ideaal voor datavisualisatie en trendanalyse.
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.