D3.js est la librairie graphique de référence pour réaliser des datavisualisations web soignées, créatives et ambitieuses. Depuis plus de 10 ans, D3 est utilisée sur le web par les plus grands organes de presse, par des chercheurs et des développeurs d’applications graphiques, soucieux de tirer le meilleur parti statistique et pédagogique des données qu’ils analysent.
La plateforme web Observable, imaginée par le concepteur de D3 Mike Bostosck, facilite grandement l’apprentissage et la mise en œuvre de cette riche boite à outils, en constante évolution. La nouvelle librairie Plot, conçue par Mike Bostock et Philippe Rivière, offre un confort de réalisation inédit pour une large gamme de graphiques et cartes thématiques.
À qui s’adresse cette formation ?
Profil des stagiaires
Étudiants et chercheurs, développeurs d’applications web graphiques, data-scientists, data-journalistes, etc.
Besoins des stagiaires
- convertir données en visualisation graphique en toute liberté créative
- aborder l’univers D3/Observable dans le bon ordre pédagogique, se placer sur les bons rails de leur progression future
- travailler sur des exemples concrets proches d’eux, en français et à partir de données familières, disposer de ressources pédagogiques en français et à jour
- tirer parti de leurs acquis statistiques (excel, R…) et (carto)-graphiques sans avoir à plonger dans un tout nouvel univers conceptuel
- comprendre la complémentarité entre D3 et d’autres outils de datavisualisation (datawrapper, tableau, ggplot2, QGis, bertin.js, etc.)
- apprendre à travailler à plusieurs sur le même « open dataflow », faciliter transferts de connaissances au sein d‘une équipe et mises à jour des données
- …
Prérequis
- statistiques : notion de tableau de données structuré, différence entre données qualitatives et quantitatives
- en datavisualisation : notion de variables visuelles, et culture de la sémiologie graphique
- mathématiques : maitrise élémentaire de la géométrie
- informatiques : aptitude à manier (au moins) un langage de programmation, familiarité avec HTML et CSS
Objectifs de la formation
- être capable de réaliser un graphique simple, une carte, puis des compositions multi-graphiques, avec méthode, gradation et documentation claire de son travail
- savoir gérer l’adaptativité, la capacité d’un graphique à épouser fluidement les limites de l’espace qui lui est alloué, variable selon les médias (grand écran, tablette, smartphone…)
- maîtriser JavaScript à la hauteur de sa puissance d’usage avec D3
- savoir développer avec Observable en tirant partie de ses outils d’assistance, et aussi valoriser tout ou partie de son travail dans une autre page web, dans un site web existant
- pouvoir construire une chaine complète de l’acquisition d’un jeu de données (CSV, JSON…) disponible en open data sur le web à la publication d’une composition éventuellement interactive et paramétrée
- au choix : explorer plus avant les potentialités cartographiques d’Observable et celles de la librairie Plot
Contenu et déroulé type
- Jour 1 : introduction et consolidation des bases (JavaScript, SVG, Observable)
- Jour 2 : concepts de base de la graphique, conversion en variables visuelles et dessin d’axes
- Jour 3 : préparation des données statistiques, conception de graphiques dynamiques et adaptatifs
- Jour 4 : modélisation et réalisations de planches graphiques composites
- Jour 5 : réalisation de cartographies thématiques et/ou de graphiques avec Plot
Formateur
Points forts
Groupe à taille humaine, avec 4 personnes maximum, favorisant les interactions entre stagiaires et avec le formateur. Formation à distance facilitée par l’environnement collaboratif d’Observable.
Formateur disposant d’une expérience longue et concrète de la construction graphique, des outils proposés, de Javascript et par ailleurs membre du groupe des “ambassadeurs Observable”.
Classeurs d’exercices et de pratique individualisés. Jeux de données issus de l’environnement de travail quotidien des stagiaires. Séance “bonus” vouée à l’achèvement d’un cas concret.
Modalités pratiques
Préparation de la formation
- Entretien préalable avec le commanditaire et chaque stagiaire
- Constitution du groupe de stagiaires : 4 personnes, aux besoins proches
- Identification de cas concrets fournis par les stagiaires
- Adaptation des exercices en fonction des cas concrets retenus
- La formation peut s’organiser en présence (cas d’un groupe issu d’un même organisme, dans les locaux de l’organisme) ou à distance
Moyens pédagogiques et techniques
- Accueil de chaque stagiaire sur une connexion Zoom dédiée (si formation à distance)
- Tutoriels interactifs Observable individualisés et personnalisables, permettant un codage effectif pour chaque participant
- Exemples issus de l’environnement du stagiaire, correspondant à des besoins pratiques
- Mise en perspective historique et documentaire des concepts présentés, liens vers de nombreuses ressources « pour en savoir plus » sélectionnées avec soin
- Possibilité de travailler à plusieurs, en temps réel, sur le même document
Modalités d’évaluation de la formation
- Nombreux exercices simples (une dizaine par tutoriel) : QCM, quiz, blocs de code avec paramètres à modifier ou lignes à décommenter, blocs de code avec blancs à remplir, graphiques à reproduire à partir d’une image png du résultat…
- Chaque stagiaire sera invité, au moins une fois par session, à présenter le résultat d’un exercice, et/ou les difficultés qu’il aura rencontrées
- Un exercice plus complet en fin de journée, corrigé au plus tard en début de session suivante, pré-analysable par une série de contrôles et de guides intégrés au tutoriel
- Feedback collectif en fin de chaque journée
- Questionnaire « à chaud » communiqué à chaque stagiaire, rempli en fin de chaque journée
- Questionnaire « à froid » communiqué à chaque stagiaire à l’issue de la formation (rendu dans la semaine suivante)
- Une séance bonus 1 à 2 semaines après pour affiner/corriger un défi concret amené par chaque stagiaire
Nous sommes à votre écoute
pour tout besoin spécifique :
contactez-nous.
Contact
Le formulaire de contact permet à tout candidat de demander des renseignements sur la formation qui l’intéresse et de s’inscrire. Un livret d’accueil (CGV, CGU, règlement intérieur, convention-type, modalités d’accueil, modèles de convocation, feuille de présence, modalités de rétractation, grille d’évaluation initiale et finale, accueil des personnes en situation de handicap) vous sera adressé si vous le souhaitez. Nous nous engageons à répondre à toute demande dans un délai de 1 jour ouvré. Les délais d’organisation d’une formation sont au maximum de 2 mois.
Prochaines dates : 26 juin – 30 juin 2023.
Les personnes en situation de handicap sont invitées à nous contacter, afin d’étudier ensemble les possibilités de bénéficier de la formation dans les meilleures conditions.
Tarif
- Facturation avec possibilité d’exonération de TVA
- 3 000 € HT par stagiaire pour 5 jours de formation (35 heures), préparation sur mesure comprise
- Réduction de 10 % pour un groupe issu du même organisme
Retours d'expérience
Dernière mise à jour de cette page : mai 2023