Cirkeldiagram maken
Diagramgegevens
Zet een kleine categorische gegevensset om in een duidelijk cirkel- of ringdiagram zonder een spreadsheet te uploaden. Voer rijen met een label en waarde in of plak CSV- of tabgescheiden gegevens. Kies daarna kleuren, gegevenslabels, de plaats van de legenda en de beginhoek. Het voorbeeld bevat een tekstuele samenvatting en een toegankelijke gegevenstabel. De export wordt lokaal gemaakt als PNG van 1200 × 800 of als schaalbare SVG. Een cirkeldiagram werkt het best voor een klein aantal niet-negatieve delen die samen één betekenisvol geheel vormen.
Zo maak je een cirkeldiagram
-
1
Voer de categorieën in
Voeg rijen met een label en waarde toe of plak CSV- of tabgescheiden gegevens met twee kolommen.
-
2
Kies de weergave
Selecteer cirkel of ring, een kleurenpalet, segmentlabels, de plaats van de legenda, sortering en beginhoek.
-
3
Controleer het toegankelijke resultaat
Bekijk het diagram, het tekstalternatief en de exacte waarden en percentages in de tabel.
-
4
Exporteer het diagram
Download een PNG van 1200 × 800 of een schaalbare SVG, of kopieer de brongegevens als CSV.
Wat een cirkeldiagram laat zien
Een cirkeldiagram zet elke positieve waarde om in een hoek binnen een cirkel van 360°. Heeft een categorie de waarde v en is de som van alle weergegeven waarden T, dan is de middelpuntshoek 360 × v / T en het weergegeven percentage 100 × v / T. Een ringdiagram gebruikt dezelfde verhoudingen maar laat het midden vrij; aan de vergelijking zelf verandert niets.
| Categorie | Waarde | Aandeel | Hoek van segment |
|---|---|---|---|
| Producten | 45 | 45% | 162° |
| Diensten | 30 | 30% | 108° |
| Ondersteuning | 25 | 25% | 90° |
In dit voorbeeld is het totaal 100. Producten nemen dus 45 / 100 × 360 = 162° in. De tool accepteert nulwaarden, maar laat ze weg uit de zichtbare cirkel omdat ze geen oppervlak hebben. Negatieve, ontbrekende en niet-eindige waarden zijn niet toegestaan, omdat ze geen gewone delen van een geheel vormen. Minstens één waarde moet groter zijn dan nul.
Wanneer een ander diagram beter is
Cirkeldiagrammen zijn het gemakkelijkst te lezen met een klein aantal duidelijk verschillende segmenten. Een staafdiagram is doorgaans beter wanneer waarden dicht bij elkaar liggen, er veel categorieën zijn, nauwkeurige vergelijking belangrijk is of de categorieën geen delen van één totaal zijn. Voor veranderingen in de tijd is een lijndiagram geschikter. Tel geen percentages op die elkaar overlappen of dezelfde gegevens dubbel tellen: een mooi vormgegeven cirkel kan een onjuist totaal niet herstellen.
Kleur, labels en toegankelijkheid
Laat kleur niet als enige de betekenis overbrengen. Behoud de legenda of zichtbare segmentlabels, controleer de bijbehorende tabel en gebruik het kleurenblindvriendelijke palet wanneer je het diagram breed deelt. In zeer kleine segmenten past soms geen tekst; het exacte label, de waarde en het percentage blijven beschikbaar in de legenda en gegevenstabel. SVG is handig voor bewerking en scherpe afdrukken. PNG is een vaste afbeelding van 1200 × 800, geschikt voor presentaties, documenten en berichten op sociale media.
Het diagram wordt gemaakt met de SVG- en Canvas-API’s van de browser. Er worden geen diagramgegevens naar een externe diagramdienst gestuurd. De voortgang in de stappen wordt tijdelijk in de sessieopslag van dit tabblad bewaard. Begin opnieuw of sluit het tabblad om deze te wissen.
Lees voor meer uitleg het advies van Datawrapper over een cirkeldiagram met slechts enkele delen, de W3C-handleiding voor toegankelijke gegevenstabellen en de MDN-referentie over SVG-afbeeldingen beschrijven met <desc>.
Veelgestelde vragen
Ja. Kopieer twee kolommen met labels en waarden en plak ze in het invoervak. Tabgescheiden rijen uit een spreadsheet, kommagescheiden CSV en puntkommagescheiden rijen worden ondersteund, ook met CSV-labels tussen aanhalingstekens.
Nul heeft geen hoekoppervlak en wordt daarom wel geaccepteerd maar niet in de cirkel getekend. Een negatieve waarde kan geen normaal deel van een geheel voorstellen en wordt geweigerd. Minstens één categorie moet groter zijn dan nul.
Beide geven verhoudingen op dezelfde manier weer. Kies een cirkeldiagram voor de meest directe weergave van delen van een geheel en een ringdiagram wanneer het totaal in het midden nuttig is. Gebruik een staafdiagram wanneer exacte vergelijking belangrijker is.
De gemaakte SVG bevat een tekstuele samenvatting en ieder segment heeft een tekstbeschrijving. De pagina toont ook een gewone tabel met elk weergegeven label, elke waarde en elk percentage. Neem de tabel of een gelijkwaardig tekstalternatief mee als je het diagram elders publiceert.
Nee. Rijen, titel en vormgevingsinstellingen blijven in je browser. Tijdens de stappen staan ze uitsluitend in de sessieopslag van dit tabblad; PNG en SVG worden lokaal gemaakt en er komen geen gegevens in de URL.
Gerelateerde tools
WebP naar PNG
Converteer WebP-afbeeldingen naar PNG met behoud van transparantie en pixelnauwkeurige kwaliteit voor bewerken, afdrukken en oudere ontwerptools.
GIF-maker
Zet een reeks afbeeldingen of een korte video om in een geanimeerde GIF. Stel beeldsnelheid, herhalingen en afmetingen in voor het exporteren.
Barcodegenerator
Maak scanbare 1D-barcodes in Code 128, Code 39, EAN-13, UPC-A, ITF-14 en Codabar. Exporteer als PNG, SVG of PDF voor drukwerk.
Bulk afbeeldingsresizer
Sleep meerdere afbeeldingen naar binnen, pas ze in of rek ze naar een doelgrootte en exporteer JPG, PNG of WebP in één ZIP. De verwerking blijft in je browser.
Foto-editor
Browsergebaseerde foto-editor met bijsnijden, draaien, helderheid, contrast, verzadiging, filters, tekstoverlay en export naar JPG, PNG of WebP.
Comprimeer GIF
Verklein een geanimeerde GIF in je browser door de afmetingen te schalen, minder frames te bewaren en de encodeerkwaliteit aan te passen. Bekijk de lus voor je downloadt.