Article original : Learn Interactive Data Visualization with Svelte and D3
Les données sont partout, mais les chiffres bruts à l'écran racontent rarement une histoire captivante. Pour découvrir des insights et les communiquer efficacement, vous devez rendre ces données visibles et interactives.
Nous venons de publier un nouveau cours sur la chaîne YouTube freeCodeCamp.org.
Dans ce cours, l'instructeur Gregory Kirchoff vous guidera à travers la création de belles visualisations de données interactives à partir de zéro, en utilisant la puissance de Svelte et la flexibilité de D3.
Voici quelques-uns des concepts clés abordés :
Comment construire un simple nuage de points basique pour comprendre les concepts de base.
Configuration et gestion d'un canevas SVG pour vos visualisations.
Gestion des échelles de données pour mapper vos valeurs de données aux coordonnées de pixels à l'écran.
Ajout d'interactivité pour permettre aux utilisateurs de mettre à jour dynamiquement le graphique.
Donnez vie à vos graphiques avec des animations et des transitions fluides.
Rendre vos visualisations réactives pour qu'elles soient belles sur n'importe quel appareil.
Récupération et analyse de données réelles à partir de sources externes.
Pour garder les choses engageantes, vous travaillerez avec des ensembles de données amusants et uniques, en commençant par les résultats d'une ligue de courses de cochons et en utilisant plus tard l'API Poke9mon pour comparer des statistiques comme le poids, la taille et la vitesse.
Regardez le cours complet sur la chaîne YouTube freeCodeCamp.org maintenant (1,5 heure de visionnage).