M2i Formation

Découvrez notre formationData Visualisation avec D3.js et Observable

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  ›  Data Visualisation avec D3.js et Observable

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, infographistes.

Paris Chaillot29/01/20201 740 € HTDates proposées dans les agences M2iRéserver
Paris Chaillot30/03/20201 740 € HTDates proposées dans les agences M2iRéserver
Paris Chaillot11/05/20201 740 € HTDates proposées dans les agences M2iRéserver
Paris Chaillot14/09/20201 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 / Observable

  • A l'origine : Michael Bostock du New York Times
  • Data journalism (ou journalisme de données) : 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 : programmer l'interactivité
  • SVG : créer des graphismes vectoriels avec HTML 5

Représentations graphiques avec D3.js

  • Formes : rectangles, cercles, lignes, polygones
  • Personnalisation : couleurs, marges, contours, remplissages
  • Effets graphiques : filtres, dégradés, ombres

D3.js /Observable par la pratique

  • Etapes et méthodologie de travail
  • Traiter des fichiers de données avec JSON
  • Gérer l'interactivité
  • Responsive Design et mobile
  • Bonnes pratiques

Cartographie

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

Pour aller plus loin

  • Sélection de tutoriels
  • Ressources et bibliographies

Faites évoluer vos compétences

Complétez votre formation

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. En poursuivant votre navigation sur ce site, vous acceptez l’utilisation de cookies.

Accepter Paramètres En savoir plus