Grafieken
Een grafiek kan waardevol zijn op een website omdat het complexe gegevens visueel samenvat en toegankelijk maakt, waardoor bezoekers snel inzicht kunnen krijgen in trends, patronen of vergelijkingen, wat de gebruikerservaring verbetert en helpt bij het overbrengen van informatie op een effectieve en begrijpelijke manier.
Wanneer grafieken gebruiken?
Grafieken zijn bij uitstek geschikt om te gebruiken op een website wanneer je numerieke gegevens of trends wilt communiceren en begrijpelijk wilt presenteren aan de bezoekers. Dit kan variëren van het tonen van financiële resultaten en statistieken tot het visualiseren van enquêteresultaten en het vergelijken van gegevens, waardoor de informatie gemakkelijker te interpreteren is en de betrokkenheid van de gebruikers wordt vergroot.
Waar vind ik grafieken in het cms?
Sla je grafiek op als csv-bestand. Ga daarna naar het contentblok +Grafiek op de pagina waar de grafiek moet komen. Voor meer informatie: raadpleeg de handleiding op de Wiki of neem contact op met Support.
Beschikbare grafieken
Je kunt deze grafieken gebruiken:
- Staafdiagram (gestapeld, niet gestapeld, in procenten);
- kolomdiagram (gestapeld, normaal, gestapeld negatief);
- cirkeldiagram;
- lijndiagram;
- vlakdiagram;
- statistische gegevens in geografische kaarten (thematische kaarten)
Voorbeeld grafieken
Hieronder vind je voorbeelden van de verschillende soorten grafieken.
Soorten grafieken
-
Download brontabel als csv
Soorten grafiekenVoorbeeld staafdiagram procenten, met testinhoud lijndiagram lijndiagram2 staafdiagram kolomdiagram 1 12 8 14 50 2 9 10 14 51 3 5 6 9 9 4 20 30 60 80 -
Dezelfde staafdiagram procenten (maar met deel van de cijfers)
-
Download brontabel als csv
Dezelfde staafdiagram procenten (maar met deel van de cijfers)Staafdiagraam met selectie van cijfers uit een geüpload csv-bestand. lijndiagram lijndiagram2 1 12 8 2 9 10 3 5 6 4 20 30 -
Complexe figuren als afbeelding
Sommige complexe figuren passen niet in een standaard grafiektype. Die kunnen nu als afbeelding bij de bijbehorende tabel worden geplaatst.
Bezoeker maakt zelf selectie
Bezoekers kunnen binnen een getoonde figuur selecties maken om meer of minder informatie te tonen.
Geschikt voor tablets en smartphones
De figuren zijn ook op tablets en smartphones goed te zien. Ook voldoet de module volledig aan de webrichtlijnen.
voorbeeld kolomdiagram, met testinhoud
-
Download brontabel als csv
voorbeeld kolomdiagram, met testinhoud lijndiagram lijndiagram2 staafdiagram kolomdiagram 1 12 8 14 50 2 9 10 14 51 3 5 6 9 9 4 20 30 60 80 -
Voorbeeld vlakdiagram
-
Download brontabel als csv
Voorbeeld vlakdiagram lijndiagram lijndiagram2 staafdiagram kolomdiagram 1 50 30 20 10 2 50 55 35 15 3 30 25 10 5 4 80 40 30 25 -
Groei van het platform
-
Download brontabel als csv
Groei van het platformVerdeling Websites & Magazines M W jul-14 0 2 aug-14 0 3 sep-14 0 8 okt-14 1 10 nov-14 1 15 dec-14 2 24 jan-15 2 34 feb-15 7 35 mrt-15 9 38 apr-15 11 39 -
Voorbeeld van lijndiagram
-
Download brontabel als csv
Voorbeeld van lijndiagramLijndiagram met streefdoel of prognose in grafiek kleine lijndiagram middelkleine lijndiagram middelgrote lijndiagram grote lijndiagram 2007 9 12 7 14 2008 7 13 6 14 2009 7 13 6 14 2010 5 11 6 14 2011 5 11 5 15 2012 8 9 4 16 2013 7 8 4 16 2014 6 8 4 15 2015 3 8 4 2 2018 v7 v9 v1 v19 -
Taartdiagram
-
Download brontabel als csv
TaartdiagramSites per stijl op PRO Aantal sites Rijkshuisstijl 96 Rijkshuisstijl neutraal 18 Rijkshuisstijl campagnes 10 Rijkshuisstijl Holland Branding 1 Geen Rijkshuisstijl 31 -
Tabel zonder grafiek
| Aantal sites | |
|---|---|
| Ministerie van Algemene Zaken | 9 |
| Ministerie van Binnenlandse Zaken en Koninkrijksrelaties | 27 |
| Ministerie van Buitenlandse Zaken | 10 |
| Ministerie van Defensie | 1 |
| Ministerie van Financiën | 2 |
| Ministerie van Economische Zaken en Klimaat | 19 |
| Ministerie van Infrastructuur en Waterstaat | 13 |
| Ministerie van Landbouw, Natuur en Voedselkwaliteit | 1 |
| Ministerie van Onderwijs, Cultuur en Wetenschap | 16 |
| Ministerie van Sociale Zaken en Werkgelegenheid | 15 |
| Ministerie van Justitie en Veiligheid | 11 |
| Ministerie van Volksgezondheid, Welzijn en Sport | 24 |
| Samenwerking, onafhankelijk, overig | 5 |
Hoe voeg ik een grafiek toe?
Druk op het “+” om een item toe te voegen. De grafiek vind je als WordPress block met de naam ‘AWP chart’. Je kan kiezen uit 6 verschillende grafieken. Kies de grafiek die je wilt gebruiken
Staafdiagram
Voor de staafdiagram kies je de Chart type Bar. Dat zorgt er voor dat je een staafdiagram krijgt.
Kolomdiagram
Voor de kolomdiagram kies je de Chart type Column. Dat zorgt er voor dat je een kolomdiagram krijgt.
Cirkeldiagram
Voor de cirkeldiagram kies je de Chart type Pie. Dat zorgt er voor dat je een cirkeldiagram krijgt.
Lijndiagram
Voor de lijndiagram kies je de Chart type Line. Dat zorgt er voor dat je een lijndiagram krijgt.
Vlakdiagram
Als je kiest voor de Chart type Area krijg je een vlakdiagram.
Geografische kaart
Als je Chart type Map kiest krijg je een tabel met alle Europese landen.
Hoe pas ik grafiek opties toe?
Bij het selecteren van een grafiek krijg je aan de rechterzijde een paneel te zien met diverse opties. Deze opties zullen nodig zijn met het opzetten van je grafiek.
Titel
Je kan met die optie titel de grafiek een titel geven.
Subtitel
Met de optie subtitel kan er extra informatie aan toevoegen de grafiek toevoegen.
X-axis format en Y-axis format
De optie x-axis format en y-axis format kan je er voor kiezen om het in procenten te laten zien.
Y-axis interval
De optie y-axis interval kan je kiezen met welke sprongen die omhoog telt.
Hoogte
Met deze optie kan je aanpassen hoe hoog je de grafiek wilt hebben.
Stacked
Met de optie ‘stacked’ kan je er voor kiezen of je de weergaven naast elkaar wilt hebben of op elkaar.