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

Dezelfde staafdiagram procenten (maar met deel van de cijfers)

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

Voorbeeld vlakdiagram

Groei van het platform

Voorbeeld van lijndiagram

Taartdiagram

Tabel zonder grafiek

Aantal sites
Ministerie van Algemene Zaken9
Ministerie van Binnenlandse Zaken en Koninkrijksrelaties27
Ministerie van Buitenlandse Zaken10
Ministerie van Defensie1
Ministerie van Financiën2
Ministerie van Economische Zaken en Klimaat19
Ministerie van Infrastructuur en Waterstaat13
Ministerie van Landbouw, Natuur en Voedselkwaliteit1
Ministerie van Onderwijs, Cultuur en Wetenschap16
Ministerie van Sociale Zaken en Werkgelegenheid15
Ministerie van Justitie en Veiligheid11
Ministerie van Volksgezondheid, Welzijn en Sport24
Samenwerking, onafhankelijk, overig5
Download brontabel als csv

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.