M2i Formation

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

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

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

En cliquant le bouton « Accepter », vous acceptez l’utilisation de cookies pour réaliser des mesures d’audiences et vous permettre d’enregistrer vos préférences de navigation. Sans votre acceptation, aucun cookie ne sera enregistré.

Accepter Paramètres En savoir plus