Formation Intiation à D3

Programme de formation

Visualiser les données

• Que veut dire visualiser des données ?
• Tour d’horizon de différentes représentations graphiques classées par usage
• Le marché de la visualisation de données
• Visualisation & Big Data

Introduction à D3

• Historique
• Principes fondateurs de D3
• D3 et son écosystème

Premiers pas avec D3

• Workflow d’utilisation de D3
• Sélectionner des éléments
• Mettre à jour le DOM
• Databinding avec D3

TP 1 : Créer un premier graphique HTML avec D3

SVG & D3

• Présentation de SVG
• Les formes simples (line, rect, circle, polygon)
• L’élément “path”
• Les transformations SVG

TP 2 : Premier graphique SVG

Transitions avec D3

• Démarrer avec les transitions
• Chainer des transitions

TP 3 : Les transitions D3

Travailler avec les données

• Classification des données
• Charger des données de source externes (csv, json, …)
• Formater les données
• Les échelles, les domaines et les intervalles
  • Echelles quantitatives
  • Echelles ordinales
  • Echelles temporelles
• Créer des statistiques de vos données avec D3

TP 4 : Manipuler les données & Représentation SVG

Les événements

• Cycle de vie des intéractions utilisateurs
• Gérer des événements avec D3
• Utiliser vos données à la suite d’un événement
• L’objet d3.event

TP 5 : Les événements

Composants D3

• Principe des composants D3
• Les catégories de composants
• Les lignes
• Les arcs
• Les symbôles
• Les axes
• Les histogrammes
• Les camemberts

TP 6 : Les axes & création de composants graphiques personnalisés
TP 7 : Les lignes, les arcs et les symbôles
TP 8 : Histogramme
TP 9 : Camembert

Représentation Géospatiale

• Introduction à la cartographie
  • Longitude & Latitude
  • Géodésie de la terre
  • Projections
• Les formats de données
  • Shapefile
  • GeoJSON
  • TopoJSON
• Créer une carte avec D3
• Modifier l’échelle
• Center la carte
• Manipuler les coordonnées grace aux projections
• Notion de graticule

TP 10 : Cartographie