A l'issue de cette formation, vous serez capable de :

• Représenter des données sous forme graphique et interactive
• Exploiter les bibliothèques de codes prêts à l'emploi de D3.js
• Distinguer les interactions entre HTML 5, SVG, CSS 3, JavaScript.

Jour 1

Présentation de D3.js / Observable

• A l'origine : Michael Bostock du trio de Stanford
• Data Journalisme : sélection d'exemples réalisés avec D3.js
• Pourquoi et comment utiliser D3.js ?

Initiation aux langages Web

• HTML, CSS : les standards du Web
• JavaScript / jQuery : programmer l'interactivité
• SVG : graphismes vectoriels avec HTML 5

Jour 2

Représentations graphiques avec D3.js

• Formes :
• Rectangles
• Cercles
• Lignes
• Polygones
• Personnalisation :
• Couleurs
• Marges
• Contours
• Remplissages
• Effets graphiques :
• Filtres
• Dégradés
• Ombres

Jour 3

D3.js / Observable par la pratique

• Etapes et méthodologie de travail
• Installation sur un serveur
• Dénicher, nettoyer, exploiter des fichiers de données Open Data de type CSV ou JSON
• Choisir un modèle de visualisation adéquat
• Gérer l'interactivité
• Responsive Design et mobile friendly
• Bonnes pratiques

Cartographie

• Formats GeoJSON et TopoJSON
• Créer des cartes interactives avec D3.js

Pour aller plus loin

• Sélection de tutoriels
• Ressources et bibliographies
• Association avec Angular et React

Exemple de travaux pratiques (à titre indicatif)

• Création d'un cahier des charges