Hoe maak je je eerste staafdiagram met D3.js

Een tutorial voor datavisualisatie voor nieuwkomers.

D3.js is de populairste JavaScript-bibliotheek voor het maken van visuele weergaven van uw gegevens. Het is echter een beetje lastig om te leren, dus ik denk dat het belangrijk is om zachtjes te beginnen.

In deze zelfstudie leert u hoe u uw eerste staafdiagram maakt met D3. Het geeft je een inleiding tot de belangrijkste concepten, terwijl je nog steeds plezier hebt met het bouwen van iets.

We hebben ook een gratis D3.js-cursus op Scrimba gemaakt. Bekijk het hier.

Laten we nu beginnen.

De opzet

We gebruiken de eenvoudigste configuratie die mogelijk is, door de D3-bibliotheek eenvoudig te importeren vanuit een CDN.