La visualisation de données est devenue un enjeu majeur pour les entreprises, les médias et les administrations qui cherchent à rendre leurs données compréhensibles et impactantes. D3.js est la bibliothèque JavaScript de référence pour créer des graphiques interactifs et des cartographies sur le Web. Cette formation vous permet de passer de la donnée brute à la visualisation publiable, en maîtrisant SVG, les formats de données et les bonnes pratiques de data visualisation.
Public visé
- Journalistes
- Concepteurs Web
- Infographistes
- Développeurs
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 des acquis
É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
Voir aussi
Vous serez peut-être intéressés par les formations suivantes :
Formation DEV-JS-460 — JavaScript - Librairie D3.js - Initiation. Domaine : Développement. Niveau : Expert. Durée : 3 jours (21 heures). Mots-clés : javascript, développement, initiation, d3js. Cylian Formation, Dijon.