DATAVIS

Tutoriaux javascript pour la visualisation de données


Toujours en construction

Mise à jour fréquente
Amélioration continue



Toujours en contact

Des commentaires sous chaque tutoriel
Contact par mail réactif


Toujours plus

Vous avez une idée de tutoriel,
Quelque chose que vous ne parvenez pas à faire, prenez contact avec nous !

Derniers ajouts

Découvrez les derniers tutoriaux mis en ligne sur notre site.

D3 JS (version 7.x)

Une librarie graphique permettant de construire des SVG très professionnels. Principalement basée sur des notions mathématiques, elle peut être un peu difficile à appréhender au début. Mais une fois les principes compris, on obtient très vite et en très peu de lignes de superbes résultats.

Maps

Dans cette section nous étudierons les différentes libriaries de construction de cartes que sont Google Map API, Leaflet et Deck.gl, toutes les trois faciles à mettre en place sur un site web. Nous verrons comment créer une carte, la configurer, ajouter des markers et les paramétrer mais aussi comment optimiser l'affichage en créant des groupes de markers. Enfin, nous regarderons les layers qui peuvent se superposer à ces cartes (heatmap, polygones, tracés dynamniques...).

Playing

Ici, nous verrons comment les différents frameworks que sont D3JS, Google Maps ou Leaflet peuvent se mixer pour fournir des informations riches, fonctionnelles et élégantes (dans la mesure de nos compétences). Ces démonstrations sont moins détaillées que les tutoriaux dédiés à des technologies précises. Nous expliquons comment nous avons construit nos données et fournissons quelques informations techniques sur les éléments importants ou difficiles.

Tech

Dans cette partie nous étudions tous les éléments qui gravitent autour de la visualisation de données : comment bien préparer ses données, savoir reconnaître des données de qualité, nettoyer des données... On en profite aussi pour présenter les différentes APIs que l'on peut utiliser sur Internet (Google, Twitter, IGN...).