D3.js - Représentations interactives de données

3 jours (21 heures)

JVS-D3JS

Objectifs pédagogiques

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

Public concerné

  • Journalistes, concepteurs Web, chefs de projets.

Niveau requis

  • Fonctionnalités avancées

Présentation de D3.js

  • A l'origine : Michael Bostock du New York Times
  • Data journalism : 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 : gérer l'interactivité
  • SVG : créer des graphismes vectoriels avec HTML 5
  • A propos d'Ajax

Représentations graphiques avec D3.js

  • Formes : rectangles, cercles, lignes, polygones
  • Effets graphiques : filtres, dégradés, ombres
  • Textes et polices de caractères
  • Histogrammes interactifs
  • Diagrammes de points

D3.js par la pratique

  • Traiter des fichiers de données avec JSON
  • Dupliquer des modèles de mise en page dans D3.js
  • Gérer l'interactivité
  • Responsive Design
  • Contraintes propres au mobile
  • Bonnes pratiques

Cartographie

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

Pour aller plus loin avec D3.js

  • A propos de Datameer
  • Sélection de tutoriels
  • Ressources et bibliographies

Calendrier des sessions

D3.js - Représentations interactives de données
JVS-D3JS
Date
Centre
 

FORMULAIRE DE RÉSERVATION