Visualisation de données avec D3.js

Article original : Data Visualization with D3.js

D3.js est une bibliothèque JavaScript pour manipuler des documents basés sur des données. D3 vous aide à donner vie aux données en utilisant HTML, SVG et CSS.

Nous venons de publier un cours complet sur la chaîne YouTube freeCodeCamp.org qui enseigne comment implémenter diverses techniques de visualisation de données avec D3.js.

Curran Kelleher enseigne ce cours. Il est l'un des meilleurs instructeurs D3 au monde. Il est titulaire d'un doctorat en informatique et a enseigné dans des universités, y compris le MIT. C'est la troisième fois que Curran enseigne ce cours, et il s'améliore à chaque fois.

Curran a initialement enseigné ce cours dans une série de diffusions en direct. Maintenant, pour la première fois, vous pouvez regarder le cours entier dans une seule vidéo.

Dans ce cours, le code est organisé de manière à ce que la logique de rendu (par exemple, la manipulation du DOM) soit découplée de la logique de transformation des données (par exemple, transformer des lignes en objets qui représentent des marques graphiques). Cette approche rend simple l'adaptation du cœur de la technique de visualisation pour fonctionner avec divers frameworks comme React, Vue, Svelte et autres.

Voici les sections couvertes dans ce cours :

• Fondamentaux de SVG
• Pseudo Visualisations
• Sol LeWitt en Vanilla JS
• Sol LeWitt en D3
• Sélections D3
• Modules JavaScript et outils de build
• Industrialisation d'une base de code
• Nuage de points
• Graphiques réutilisables
• Graphiques dynamiques
• Graphiques avec menus
• Quantitatif et catégoriel
• Clôture de la série

Regardez le cours complet ci-dessous ou sur la chaîne YouTube freeCodeCamp.org (20 heures de visionnage).