Bas Broekhuizen

Webcomponent voor visualisaties

2024 - heden

Kaarten en grafieken maken deel uit van bijna elke pagina op de website van Onderzoek en Statistiek, niet alleen in artikelen en bij publicaties maar ook in dashboards en andere interactieve onderdelen, zoals de pagina met historische tijdreeksen. Voor het maken van deze visualisaties gebruiken we Vega-Lite en Deck.gl. We bieden standaard de mogelijkheid om visualisaties te downloaden en waar mogelijk ook om de cijfers weer te geven in een tabel.

Veel interactieve onderdelen van de website zijn zelfstandige projecten met een een eigen codebase, met duplicatie van de code voor het weergeven van kaarten en grafieken als gevolg. Daarom maakte ik een herbruikbaar component voor het weergeven van visualisaties in de huisstijl van Onderzoek en Statistiek. Dat was meteen een mooie aanleiding om ervaring op te doen met webcomponenten. Deze techniek om eigen elementen toe te voegen aan html bestaat al sinds 2011 maar heeft de afgelopen jaren eindelijk de wind in de zeilen gekregen. Deze voorbeeldpagina toont de flexibiliteit van het component, zelf visualsiaties maken kan in de online editor.