Online grafiek maken

Online een grafiek maken van je eigen gegevens

Met deze tool kun je in een paar seconden online een grafiek maken: een kolomdiagram, staafdiagram, gestapeld kolomdiagram, lijngrafiek, vlakdiagram, cirkeldiagram (taartdiagram) of ringdiagram. Typ je cijfers in de tabel (tot 50 rijen en 6 reeksen) of plak een bereik uit Excel, Google Spreadsheets of een CSV-bestand. Het voorbeeld wordt bij elke wijziging opnieuw getekend en het resultaat download je als PNG of SVG, of kopieer je naar het klembord.

Geen spreadsheet openen en geen account aanmaken: ideaal om een werkstuk, verslag of scriptie te illustreren, een dia voor een vergadering te maken, een afbeelding op LinkedIn of Instagram te zetten of de omzet en het budget van een kleine onderneming bij te houden. De afbeeldingen zijn strak, zonder watermerk, met ronde asverdelingen en Nederlandse getalnotatie (1.234,5; 12%).

1. Kies het grafiektype

   Klik op Kolommen, Staven, Gestapelde kolommen, Lijn, Vlak, Cirkel of Ring. Cirkel- en ringdiagrammen gebruiken de eerste reeks van de tabel.

2. Typ of plak je gegevens

   Vul op het tabblad ‘Gegevens’ de tabel in (labels in kolom 1, één kolom per reeks) of open ‘Tabel plakken’ en klik op ‘Importeren en vervangen’. Met ‘Rij toevoegen’, ‘Reeks toevoegen’ en ‘Rijen en kolommen omwisselen’ deel je de tabel opnieuw in.

3. Voeg titels en opmaak toe

   Op het tabblad ‘Titels en assen’ stel je de titel, ondertitel en astitels in; ‘Opmaak’ regelt kleuren, legenda, getalnotatie (voorvoegsel, achtervoegsel, decimalen), tekstgrootte en de weergave van waarden.

4. Exporteer de afbeelding

   Kies het ‘Afbeeldingsformaat’ (16:9, vierkant, staand of 4:3) en de ‘Achtergrond’, en klik op ‘PNG downloaden’, ‘SVG downloaden’ of ‘Afbeelding kopiëren’ om hem in een document te plakken.

Zo wordt de grafiek opgebouwd

De grafiek wordt als SVG getekend door een engine die speciaal voor deze site is geschreven, zonder externe bibliotheek. Schalen, labels en kleuren worden bij elke wijziging opnieuw berekend, zodat de afbeelding leesbaar blijft, hoeveel gegevens je ook toevoegt.

• Ronde asverdeling: de afstand tussen rasterlijnen is 1, 2 of 5 keer een macht van 10 (0, 20, 40, 60, 80), volgens de ‘nice numbers’-methode die Paul Heckbert beschreef in Graphics Gems (1990).
• As vanaf nul: kolommen en staven beginnen altijd bij nul, omdat hun lengte evenredig moet zijn met de waarde; negatieve waarden hangen onder een basislijn. Bij lijn- en vlakdiagrammen kun je ‘As vanaf nul’ uitvinken om schommelingen beter te zien.
• Labels zonder overlap: categorieën worden over twee regels verdeeld, 45° gekanteld of om en om getoond als de ruimte op is; kleine segmenten van een cirkeldiagram krijgen een label buiten de cirkel met een verbindingslijn.
• Vloeiende lijnen: met de optie ‘Vloeiende lijnen’ gaat de monotone interpolatie (methode van Steffen) door elk punt zonder pieken of dalen te verzinnen die niet in de gegevens zitten.
• Getallen in je eigen taal: Nederlandse scheidingstekens, automatisch verkorte notatie van grote getallen (12K, 1,2 mln.), en een vrij voorvoegsel en achtervoegsel (€, $, %, kg).
• Getrouwe export: de SVG gebruikt vaste kleuren en het systeemlettertype; de PNG wordt uit diezelfde SVG gerenderd, precies op het gekozen formaat (bijvoorbeeld 1200 × 675 pixels), of op het dubbele (2400 × 1350) met de optie voor hoge resolutie.

Welke grafiek past bij je gegevens?

Waarvoor gebruik je deze grafiekmaker?

• School en studie: een scherpe grafiek voor een werkstuk, profielwerkstuk, verslag of scriptie, klaar om in Word of Google Docs te plakken.
• Vergaderingen en presentaties: 16:9-formaat voor PowerPoint of Google Presentaties, met transparante achtergrond voor een gekleurde huisstijl.
• Sociale media: vierkant 1080 × 1080 of staand 1080 × 1350 voor Instagram en LinkedIn, met grotere tekst via ‘Tekstgrootte’.
• Kleine onderneming of vereniging: maandomzet, verdeling van een budget, bezoekersaantallen, zonder softwareabonnement.
• Blog, nieuwsbrief, artikel: een SVG van een paar kilobyte die haarscherp blijft op schermen met hoge pixeldichtheid.

Veelgemaakte fouten en oplossingen

• Reeksen en categorieën verwisseld: staan de jaren op de horizontale as in plaats van de maanden, klik dan op ‘Rijen en kolommen omwisselen’.
• Rode cellen: ze bevatten tekst (‘12 kg’, ‘ca. 40’) en worden genegeerd; laat alleen het getal staan en zet de eenheid bij ‘Achtervoegsel’.
• Cirkeldiagram met te veel segmenten: boven zes segmenten voeg je kleine waarden samen in een rij ‘Overig’ of kies je staven.
• Kleuren lijken te veel op elkaar: het palet Violet bestaat uit tinten van één kleur; kies bij meer dan drie reeksen ‘Fel (kleurenblindvriendelijk)’ of klik op het kleurvakje van een reeks in de tabelkop om de kleur te wijzigen.
• Tekst onleesbaar op de telefoon: kies voor een social-media-afbeelding een vierkant of staand formaat en tekstgrootte ‘Groot’.

Alles wordt in je browser berekend: je gegevens verlaten je apparaat nooit en je hebt geen account nodig. Een lokale kopie van je laatste grafiek blijft in de browseropslag staan (de knop ‘Voorbeeld’ wist die). Beperkingen: 50 rijen en 6 reeksen (rijen en kolommen omwisselen kan dus alleen bij maximaal 6 rijen); cirkel- en ringdiagrammen gebruiken alleen de eerste reeks en slaan nul- of negatieve waarden over; de SVG gebruikt het systeemlettertype en kan er op een andere computer dus net iets anders uitzien (de PNG ligt vast).