Opleiding: Cursus D3.js
D3.js is een JavaScript-bibliotheek waarmee data visueel gemaakt kan worden via webbrowsers. D3 staat voor Data-Driven Documents. D3.js brengt data tot leven met behulp van HTML, CSS en vectoren (SVG). Je kunt er dynamische en interactieve visualisaties mee maken wat gebaseerd is op data. Denk bijvoorbeeld aan tabellen, grafieken, maar ook andere graphics. Tijdens de cursus D3.js leer je hoe je met Data-Driven Documents visualisaties kunt maken.
Algemene omschrijving
Een visualisatie is een krachtige manier om informatie over te brengen. Met het gebruik van data in D3.js kunnen er dynamische en interactieve grafische elementen worden gemaakt voor webbrowsers. Deze data kan kunnen op verschillende manieren geschreven worden, zoals met JSON of een kommagescheiden bestand (CSV). In combinatie met HTML, CSS en SVG kan data gevisualiseerd worden. Door middel van een Document Object Model (DOM) kunnen bepaalde gestructureerde HTML-documenten gemanipuleerd worden. Om op een goede en snelle manier bezig te gaan met D3.js is het een must om al verstand te hebben van JavaScript, HTML, CSS en vectoren (SVG). Enige voorkennis van deze onderwerpen is een vereiste en zal er voor zorgen dat je de cursus D3.js succesvol afrondt.
Tijdens de Cursus D3.js
Tijdens de Cursus D3.js leer je hoe je data kunt omzetten in visualisaties, dankzij DOM manipulatie en Data-Driven Documents.
Resultaat
Na afloop van de Cursus D3.js ben je in staat om:
- Visualisaties te maken met D3.js
- Data te gebruiken voor visualisaties
- Verschillende soorten grafieken te maken
Praktijkgerichte aanpak
De Cursus D3.js is zeer praktijkgericht. Tijdens de training D3.js ga je zelf visualisaties maken met de beschikbare werkbestanden. Het is ook mogelijk om eigen data in te brengen, zodat je daar direct mee kunt werken. Op deze manier haal je optimaal rendement uit de cursus.
Programma
Tijdens de Cursus D3.js doorlopen we de volgende onderdelen:
Aan de slag
- Introductie D3.js
Data
- Data toevoegen (JSON en CSV)
- API gebruiken
- Document Object Model (DOM)
- Visualisatie
Grafieken
- Schaling en assen
- Lijngrafiek
- Staafgrafiek
- Cirkeldiagram
- Spreiding
- Mapping (GeoJSON)
- Filtering
- Interactie
Extra tips
- Succesvolle praktijkcases
- Tips & trucs
Praktijkcase
De Cursus D3.js is zeer praktijkgericht. Tijdens de training D3.js ga je zelf werken met voorbereide werkbestanden en pas je de theorie rechtstreeks toe in de praktijk. Het is ook mogelijk om je eigen data te gebruiken voor de visualisaties die je gaat maken. Op deze manier haal je optimaal rendement uit de training.
