Sommige informatie komt veel beter tot leven in een grafiek dan in een lap tekst. Een grafiek laat in één oogopslag zien hoe dingen zich ontwikkelen en hoe gegevens zich tot elkaar verhouden. Middels lijnen, balken of andere vormen wordt het vergelijken van informatie ineens een stuk makkelijker. Bovendien kan de bezoeker zelf op de grafiek klikken om precies te zien wat hij wil. Daarom is het belangrijk dat een grafiek niet alleen prettig werkt maar ook toegankelijk is voor iedereen.
Gebruik grafiek
Wanneer wel een grafiek gebruiken?
- Wanneer je trends of ontwikkelingen snel zichtbaar wilt maken.
- Wanneer je meerdere gegevens met elkaar wilt vergelijken.
- Wanneer je complexe data inzichtelijker wilt presenteren dan in tekst.
Wanneer niet gebruik maken van een grafiek?
- Wanneer je slechts één of twee simpele cijfers wilt tonen.
- Wanneer een korte tekst de informatie al duidelijk uitlegt.
- Wanneer een tabel overzichtelijker is, bijvoorbeeld bij veel exacte waarden.
Soorten grafieken
Het is mogelijk om voor je visualisaties de volgende soorten grafieken gebruiken, afhankelijk van het doel en de aard van de gegevens:
- Lijndiagram (met en zonder markering)
Een lijndiagram laat zien hoe een waarde zich in de tijd ontwikkelt. De lijn verbindt de meetpunten. Met markeringen worden de afzonderlijke datapunten zichtbaar; zonder markeringen ligt de focus vooral op de trend. - Kolomdiagram (niet gestapeld, gestapeld, percentages)
Een kolomdiagram gebruikt verticale balken om waarden per categorie te vergelijken. Daaropvolgend telt een kolomdiagram altijd op naar 100%. - Staafdiagram (niet gestapeld, gestapeld, percentages)
Een staafdiagram werkt hetzelfde als een kolomdiagram, maar de balken zijn horizontaal. Daaropvolgend telt een kolomdiagram altijd op naar 100%. - Taartdiagram
Een taartdiagram laat zien hoe een geheel is verdeeld in onderdelen. Elk ‘punt’ van de taart stelt een deel van het totaal voor. Daaropvolgend telt een taartdiagram altijd op naar 100%.
- Vlakdiagram (met en zonder markering)
Een vlakdiagram lijkt op een lijndiagram, maar het gebied onder de lijn is ingekleurd. Met markeringen zijn individuele datapunten zichtbaar; zonder markeringen ligt de nadruk op de vorm van de trend. Daaropvolgend telt een vlakdiagram altijd op naar 100%.
Om een beeld te krijgen wat er allemaal mogelijk is, is er hier te zien welke praktijkvoorbeelden van diagrammen er zijn. Immers is het belangrijk bij elk gebruik van een diagram om te zien hoe het CSV-bestand moet worden ingericht. Dit doe je door naar de structuur te kijken van het bijbehorende tabel.
Een grafiek aanmaken en tonen
Stap 1: een grafiek aanmaken
In het CMS ga je naar Content en vervolgens naar de map met de naam van (meestal) de website. Daar kies je voor Componenten, waarna je naar Grafieken gaat. In één van de grafiekmappen kun je vervolgens een nieuwe grafiek aanmaken.
Vervolgens vul je de volgende velden naar behoren in:
| Titel van het veld | Wat vul ik hier in? | Hoe bedien ik dit veld? |
|---|---|---|
| Titel | Titel van de grafiek. Wordt boven de grafiek getoond. | Zorg dat de titel omschrijft wat er in de grafiek te zien is. |
| Ondertitel | Ondertitel van de grafiek. Wordt direct onder de titel getoond. | |
| Toelichting | Toelichting van de grafiek. | Richtlijn: max. 1000 tekens. |
| Titel MetaData | Vul hier de titel in wanneer je hebt gekozen om de metadata te delen met de bezoekers. |
Als je hier iets invult, wordt de standaardtitel ‘Metadata’ van deze uitklapper overschreven. Vul alleen een titel in wanneer je ervoor hebt gekozen om de metadata met bezoekers te delen. |
| Tekst MetaData | De beschrijving voor de metadata. | |
| Data | Hier kun je een csv-bestand met daarin de brondata voor de tabel uploaden. Het csv-bestand dient een ; als seperator te bevatten. | |
| Bron | Hier kan je de bron van waar de opgegeven data vandaan komen. Deze wordt onder de grafiek en onder de bijbehorende tabel getoond. | |
| Grafiek type | Hier wordt het gewenste type van een grafiek gekozen door middel van een selectieveld. | |
| Met markering | Vink dit aan als je wil dat de markering wordt aangezet.
Markering in een grafiek is één specifieke aanduiding die een bepaalde waarde of positie in een diagram duidelijk zichtbaar maakt. | |
| Beginwaarde op as | Hiermee kun je zelf de begin- en eindwaarde van grafieken bepalen. Wanneer er bij deze velden geen keuze wordt gemaakt, wordt de grafiek standaard getoond aan de hand van de gegevens in de CSV. | |
| Eindwaarde op as | Hiermee kun je zelf de begin- en eindwaarde van grafieken bepalen. Wanneer er bij deze velden geen keuze wordt gemaakt, wordt de grafiek standaard getoond aan de hand van de gegevens in de CSV. | |
| Interval op as | Hiermee kun je aangeven hoe groot de stappen op de as zijn en kun je de grafiek compacter maken. Wanneer je hier gebruik van wil maken dien je ook de begin- en de eindwaardes in te vullen. | Wil je bijvoorbeeld niet stappen van 1, maar dat er steeds 5 waardes worden overgeslagen zodat je een compactere grafiek krijgt. Vul dan het getal 5 in. |
| Geavanceerde grafiekopties | Klik op toevoegen voor onderstaande extra opties. | |
| Toon data vanaf kolom | Hier vul je in vanaf welke kolom uit het csv bestand je de data wil tonen. Vul dit alleen in als je niet alle data uit het csv bestand wil tonen. | Vul het nummer van de kolom in. |
| Toon data tot en met kolom | Hier vul je in tot en met welke kolom uit het csv bestand je de data wil tonen. Vul dit alleen in als je niet alle data uit het csv bestand wil tonen. | Vul het nummer van de kolom in. |
| Toon data vanaf rij | Hier vul je in vanaf welke rij uit het csv bestand je de data wil tonen. Vul dit alleen in als je niet alle data uit het csv bestand wil tonen. | Vul het nummer van de rij in. |
| Toon data tot en met rij | Hier vul je in tot en met welke rij uit het csv bestand je de data wil tonen. Vul dit alleen in als je niet alle data uit het csv bestand wil tonen. | Vul het nummer van de rij in. |
Stap 2: een grafiek tonen op de pagina
In een paginatype dat het contentblok ondersteunt, kun je onder het veld Contentblok het linkje Grafiek aanklikken. Het contentblok opent vervolgens automatisch. Kies daar de grafiek die je eerder hebt aangemaakt onder Componenten → Grafieken.
Stap 1 in de praktijk.
Aanvullend op stap 2 in de praktijk.
Stap 2 in de praktijk.
Voorbeeld van een grafiek
Hieronder is een voorbeeld van een grafiek waarin meerdere lijnen worden gebruikt om verschillende gegevensreeksen over de jaren heen weer te geven. Het laat zien hoe een lijndiagram met meerdere categorieën eruit kan zien, inclusief zowel gemeten als verwachte waarden. Verwachtingen kunnen in het CSV-bestand d.m.v. een V voor de waarde te zetten, worden weergegeven (voorbeeld: V18).