Public visé
- Journalistes
- Concepteurs Web
- Infographistes
- Développeurs
Prérequis
Avoir une pratique courante de la navigation Web.
Objectifs pédagogiques
À 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
Programme
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
Modalités d’évaluation
Évaluation en 3 phases :
- Pendant la formation : un bilan journalier effectué par l’intervenant
- À chaud : à la fin de la formation, un bilan qualité pour mesurer l’atteinte des objectifs
- À froid : à J + 3 mois, une évaluation du transfert des acquis en situation professionnelle