Partager cette formation Télécharger au format pdf Ajouter à mes favoris

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.

Programme

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

Partager cette formation Télécharger au format pdf Ajouter à mes favoris

Vous souhaitez suivre cette formation ?

Cette formation est disponible en présentiel ou en classe à distance, avec un programme et une qualité pédagogique identiques.

Choisissez la modalité souhaitée pour vous inscrire :

Modalité Présentiel, Classe à distance

Votre société a besoin d'une offre personnalisée ? Contactez-nous

Faites évoluer vos compétences

Complétez votre formation

Faites-nous part de votre projet de formation, nous sommes là pour vous guider.

Contactez-nous