Over Sankey-diagrammen
Een Sankey-diagram laat zien hoe iets van de ene plek naar de andere stroomt. Elke stroom is een band, en de breedte van de band is het bedrag. In één oogopslag zie je waar het meeste heen gaat.
Mensen gebruiken ze voor:
- Persoonlijke budgetten — waar je salaris heen gaat: huur, eten, sparen, plezier
- Bedrijfsfinanciën — van omzet naar kosten, belasting en winst, zoals in jaarverslagen
- Energie — van brandstof naar elektriciteit naar woningen, en hoeveel er onderweg verloren gaat
- Websites en apps — waar bezoekers vandaan komen en waar ze afhaken
- Salesfunnels — van leads naar gesprekken naar offertes naar klanten
- Sollicitaties — van sollicitaties naar gesprekken naar aanbiedingen, populair op Reddit
Deze generator tekent het diagram terwijl je typt. Geen account, geen watermerk, en je getallen verlaten nooit je computer.
Hoe je het gebruikt
- Typ één stroom per regel: het begin, het bedrag tussen vierkante haken en dan het eind — bijvoorbeeld Salaris [4200] Budget
- Of plak drie kolommen uit Excel of Google Sheets: van, naar, bedrag
- Het diagram wordt meteen getekend; voeg een titel toe als je wilt
- Kies een stijl — Klassiek, Minimaal, Krachtig, Zacht, Omlijnd, Donker, Neon of Redactioneel — en daarna de kleuren en de afbeeldingsgrootte
- Zet een valuta of eenheid vóór of na de getallen, zoals € of kWh
- Klik op PNG downloaden of SVG downloaden
Je stromen schrijven
- Eén stroom per regel: Budget [1500] Huur betekent dat 1.500 van Budget naar Huur gaat.
- Vakken worden verbonden via hun naam. Schrijf Salaris [4200] Budget, daarna Budget [1500] Huur, en Budget wordt een vak in het midden waar het geld doorheen gaat. Namen moeten elke keer precies hetzelfde gespeld zijn.
- Meerdere niveaus kan prima: Salaris → Budget → Sparen → Beleggingen.
- Dezelfde stroom twee keer wordt bij elkaar opgeteld.
- Een eigen kleur voor een vak: een regel als :Sparen #22c55e.
- Opmerkingen: een regel die begint met // wordt genegeerd.
- Getallen kun je schrijven als 4200, 4,200 of 4200.50.
Als er meer geld een vak in gaat dan eruit komt (of andersom), is het vak zo hoog als het grootste bedrag — zo zie je wat er overblijft.
Acht stijlen
- Klassiek — strak en duidelijk, voor rapporten en documenten
- Minimaal — dunne balken en lichte stromen, als de getallen belangrijker zijn dan de kleur
- Krachtig — dikke balken en sterke kleuren die je achter in de zaal nog kunt lezen
- Zacht — afgeronde balken op warm gebroken wit, voor posts en nieuwsbrieven
- Omlijnd — holle balken en heel lichte stromen, voor een geprinte pagina die inkt bespaart
- Donker — een marineblauwe achtergrond voor donkere slides en dashboards
- Neon — gloeiende stromen op zwart, voor social media en titelslides
- Redactioneel — de look van financieel nieuws en onderzoeksrapporten: zachte stromen gekleurd per tak, dunne donkere balken, kleine stipjes voor de kleinste posten, vette labels op twee regels en het totaal in het midden als groot kopgetal
Redactioneel werkt het best als "vlinderdas": veel bronnen stromen naar één totaal in het midden, dat zich daarna verdeelt over groepen en kleinere posten — bijvoorbeeld bedrijven → *Totale uitgaven* → categorieën → leveranciers. De tool vindt het middelste vak zelf.
Een stijl verandert alleen het uiterlijk. Je stromen, de kleurenset en de grootte blijven zoals je ze koos, dus je probeert alle stijlen in een paar klikken.
De instellingen
- Vorm van de stromen — vloeiende bochten of rechte banden
- Richting — van links naar rechts of van boven naar beneden (handig voor staande telefoonafbeeldingen en funnels)
- Bedragen — de getallen, het percentage van het totaal per vak, allebei of geen van beide
- Kleuren — vijf kleurensets voor de vakken
- Kleur van de stromen — zoals het vak waar de stroom begint, zoals het vak waar hij eindigt, per tak (elke groep na het midden houdt tot het eind één kleur), een verloop tussen die twee of gewoon grijs
- Vóór / na getallen — een valutateken of een eenheid, getoond bij elk bedrag
- Afbeeldingsgrootte — breed voor slides, vierkant voor social posts, hoog voor telefoonschermen
- Breedte van de vakken, ruimte tussen de vakken, tekstgrootte — om het uiterlijk bij te schaven
- Transparante achtergrond — een PNG zonder witte achtergrond, voor slides met een gekleurd ontwerp
Alles gebeurt op je eigen apparaat
Het diagram wordt getekend door een klein script in je browser. Je stromen worden niet geüpload en er wordt niets online opgeslagen. Je laatste lijst wordt alleen op dit apparaat onthouden, zodat hij er nog staat als je terugkomt.
Veelgestelde vragen
Hoe maak ik een Sankey-diagram?
Typ elke stroom op een eigen regel als "Van [bedrag] Naar", bijvoorbeeld "Salaris [4200] Budget". Het diagram verschijnt terwijl je typt. Klik daarna op PNG downloaden of SVG downloaden.
Kan ik een Sankey-diagram maken vanuit Excel?
Ja. Zet de gegevens in drie kolommen — van, naar, bedrag — kopieer de rijen en plak ze in het vak. Een kopregel wordt overgeslagen.
Lijkt dit op SankeyMATIC?
Het gebruikt dezelfde eenvoudige regels "Van [bedrag] Naar", dus een lijst die je daar maakte werkt hier ook. Alles draait in je browser, zonder account.
Waarom wordt een van mijn stromen niet getekend?
Een Sankey-diagram stroomt in één richting, dus een kringloop (A → B → A) kan niet worden getekend. De tool laat de stroom weg die de kringloop zou sluiten en vertelt je welke het is.
Wat is het verschil tussen PNG en SVG?
PNG is een gewone afbeelding voor slides, documenten en social media. SVG is een vectorbestand: het blijft scherp op elk formaat en je kunt het bewerken in Illustrator, Inkscape, Figma of PowerPoint.
Worden mijn gegevens geüpload?
Nee. Het diagram wordt gemaakt in je browser, op je eigen apparaat.
Goed om te weten
- Houd de muis boven een stroom of een vak om het exacte bedrag te zien
- De PNG wordt opgeslagen op twee keer de gekozen grootte, dus hij is scherp op slides en grote schermen
- Voor staaf-, lijn- en cirkeldiagrammen gebruik je Grafiek maken
Gerelateerde tools
- Grafiek maken — staaf-, lijn-, vlak- en cirkeldiagrammen
- Woordwolkgenerator — een afbeelding van de meest gebruikte woorden
- Percentagecalculator — reken aandelen van een totaal uit
- Statistiek berekenen — gemiddelde, mediaan en meer
- Afbeelding naar SVG — zet een afbeelding om naar een vector
- Screenshot mooier maken — een mooie lijst voor je grafiek
