M2i Formation

Web et Mobile Design - Intégration Web et mobile / Développeur Front End

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

Présentiel

3 jours (21 heures) - JVS-D3JS

Accueil  ›  Formations Multimédia  ›  Web et Mobile Design  ›  Intégration Web et mobile / Développeur Front End  ›  D3.js - Représentations interactives de données

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.

Niveau requis

Aucun.

Public concerné

Journalistes, concepteurs Web, chefs de projets.

Paris Chaillot18/03/20191 740 € HTDates proposées dans les agences M2iRéserver
Paris Chaillot09/09/20191 740 € HTDates proposées dans les agences M2iRéserver

Sessions
planifiées
Sessions
ouvertes
Sessions
confirmées
Réserver
le stage

Metz18/03/20191 740 € HTDates proposées dans les agences M2iRéserver
Mulhouse18/03/20191 740 € HTDates proposées dans les agences M2iRéserver
Nancy18/03/20191 740 € HTDates proposées dans les agences M2iRéserver
Reims18/03/20191 740 € HTDates proposées dans les agences M2iRéserver

Afficher plus de dates

Sessions
planifiées
Sessions
ouvertes
Sessions
confirmées
Réserver
le stage

Caen18/03/20191 740 € HTDates proposées dans les agences M2iRéserver
Évreux18/03/20191 740 € HTDates proposées dans les agences M2iRéserver
Le Havre18/03/20191 740 € HTDates proposées dans les agences M2iRéserver
Lille18/03/20191 740 € HTDates proposées dans les agences M2iRéserver

Afficher plus de dates

Sessions
planifiées
Sessions
ouvertes
Sessions
confirmées
Réserver
le stage

Dijon18/03/20191 740 € HTDates proposées dans les agences M2iRéserver
Grenoble18/03/20191 740 € HTDates proposées dans les agences M2iRéserver
Lyon18/03/20191 740 € HTDates proposées dans les agences M2iRéserver
Saint-Étienne18/03/20191 740 € HTDates proposées dans les agences M2iRéserver

Afficher plus de dates

Sessions
planifiées
Sessions
ouvertes
Sessions
confirmées
Réserver
le stage

Bordeaux18/03/20191 740 € HTDates proposées dans les agences M2iRéserver
Orléans18/03/20191 740 € HTDates proposées dans les agences M2iRéserver
Tours18/03/20191 740 € HTDates proposées dans les agences M2iRéserver
Bordeaux09/09/20191 740 € HTDates proposées dans les agences M2iRéserver

Afficher plus de dates

Sessions
planifiées
Sessions
ouvertes
Sessions
confirmées
Réserver
le stage

Aix-en-Provence18/03/20191 740 € HTDates proposées dans les agences M2iRéserver
Montpellier18/03/20191 740 € HTDates proposées dans les agences M2iRéserver
Sophia Antipolis18/03/20191 740 € HTDates proposées dans les agences M2iRéserver
Aix-en-Provence09/09/20191 740 € HTDates proposées dans les agences M2iRéserver

Afficher plus de dates

Sessions
planifiées
Sessions
ouvertes
Sessions
confirmées
Réserver
le stage

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