D3 gebruiken voor infographics

Met D3 koppel je heel eenvoudig data aan willekeurige elementen op een webpagina. D3 heeft ook een uitgebreide bibliotheek om grafische elementen te creëren. Vandaag de eerste twee experimenten op mijn website geplaatst.

D3 is een javascript bibliotheek waarmee je elementen kunt selecteren, creëren en koppelen aan data. Elementen kunnen gewonen html elementen zijn maar ook svg (Scalable Vector Graphics) elementen. Hierdoor kun je dus bijvoorbeeld heel eenvoudig interactieve grafiekjes maken.

Voorbeeld van zo'n grafiek is het overzicht van gebruikte apparaten (pc's, telefoons of tablets) door websitebezoekers in de afgelopen 6 jaar.