Formation Intiation à D3js

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