Formation D3.JS Durée : 3 jours

Contexte de la formation :

D3.js est une bibliothèque de JavaScript conçue pour afficher des données numériques sous forme d’un graphique dynamique. Cela vous aide à donner vie à des données en utilisant HTML, SVG, CSS et Javascript.

D3 permet un excellent contrôle sur le résultat visuel final. A ce jour, D3 est considérée comme étant la technologie la plus efficace et la plus puissante du marché. 

Cette formation sur la « visualisation de données avec D3.js » contient des recettes pratiques pour vous aider à apprendre tous les aspects de la visualisation des données avec D3.

Cette formation est conçue pour vous fournir tous les conseils dont vous avez besoin afin de vous familiariser avec la visualisation des données avec D3. Avec cette formation, vous créerez une visualisation de données à couper le souffle avec une efficacité et une précision professionnelle grâce à des recettes pratiques, des illustrations et des échantillons de code.

Vous apprendrez les concepts fondamentaux de la visualisation des données, du JavaScript fonctionnel et des fondamentaux D3, y compris la sélection d’éléments, la liaison de données, l’animation et la génération de SVG.

Vous apprendrez également à exploiter des techniques plus avancées telles que les interpolateurs personnalisés, l’interpolation personnalisée, les temporisations, le gestionnaire de mise en page, la manipulation de la force, etc.

O’dellya Consulting et nos formateurs experts sur D3.js vous accompagnent dans une montée en compétence technique.

Les objectifs et ce que vous apprendrez :

 

• Comment utiliser JavaScript afin d’écrire des fonctions à la manière D3
• Comment sélectionner et manipuler les éléments HTML et SVG efficacement dans D3
• Comment diriger votre visualisation à l’aide de données
• Les échelles et interpolateurs Master D3
• Comment animer votre visualisation avec style
• Comment utilisez SVG et divers générateurs de PATH D3.js
• Explorer les mises en page D3, comprendre et tirer parti de la force D3.js
• Comment créer une première visualisation interactive mobile avec un support tactile
• A faire les « test-drive » de votre implémentation de visualisation
• Comment créer une visualisation multidimensionnelle de données avec filtre croisé et dc.js en quelques minutes

 

Programme :

 

1 : Comprendre l’IDE du sélénium	2 : La sélection des éléments avec D3
Démarrage avec D3.js Introduction Créer un environnement de développement D3 simple Mise en place d’un environnement de développement basé sur le NPM Comprendre le style JavaScript de D3	Introduction Sélection d’un seul élément Sélection d’éléments multiples Effectuer la sous-sélection Enchaînement de fonction Manipuler la sélection brute

 

3 : Traitement des données	4 : Basculer les échelles	5 : Jouer avec des axes
Introduction Binding d’un tableau en tant que donnée Binding des objets littéraires en tant que données Binding des fonctions en tant que données Travailler avec des tableaux Filtrage avec données Tri des données Chargement des données à partir d’un serveur	Introduction Utilisation d’échelles quantitatives Utilisation de l’échelle de temps Utilisation de l’échelle ordinaire Interpoler une chaîne Interpoler les couleurs Interpoler les objets composés Mise en œuvre d’un interpolateur personnalisé	Introduction Travailler avec des axes de base Personnalisation des tiques Lignes de grille de dessin Réajustement dynamique des axes

 

6 : Transition avec style	7 : Démarrez avec les formes
Introduction Animation d’un seul élément Animation d’éléments multiples Utilisation de la facilité Utilisation de l’interpolation Utilisation du chaînage de transition Utilisation du filtre de transition Écouter des événements de transition Mise en œuvre d’un interpolateur personnalisé Travailler avec une minuterie	Introduction Création de formes simples Utilisation d’un générateur de lignes Utilisation de l’interpolation de ligne Changement de tension de ligne Utilisation d’un générateur de zone Utilisation d’une interpolation de zone Utilisation d’un générateur d’arc Mise en œuvre de la transition arc

 

8 : Chart Them Up	9 : Construction des charts
Introduction Création d’un tableau de lignes Création d’un tableau de zone Création d’un diagramme de répartition de dispersion Création d’un tableau à bulles Création d’un diagramme à barres	Introduction Construction d’un graphique à secteurs Construction d’un graphique de zone empilée Construire un treemap Construire un arbre Construction d’un diagramme d’enceinte

 

10 : Interagir avec votre visualisation	11 : Utilisation de la Force
Interaction avec les événements de souris Interaction avec un appareil multi-touch Mise en œuvre du zoom et du comportement panoramique Mise en œuvre du comportement de traînée	Introduction Utilisation de la gravité et de la charge Génération de l’élan Définition de la contrainte de lien Utilisation de la force pour faciliter la visualisation Force de manipulation Construire un graphique dirigé par la force

 

12 : Connaître votre carte	13 : Testez votre visualisation
Introduction Projection de la carte des États-Unis Projection de la carte du monde Construire une carte de chorople	Introduction Obtenir Jasmine et mettre en place l’environnement de test Test de conduite de votre visualisation – création de diagramme Test de conduite de votre visualisation – rendu SVG Test de la conduite de votre visualisation – rendu de barres par pixel parfaite

De part cette formation, nous vous permettons de perfectionner vos compétences avec des conseils sur mesure. En effet, O’dellya Consulting, c’est l’assurance d’un service adapté à vos besoins réels en temps réel et selon votre profil. 

Découvrez toutes nos formations sur notre site internet odellya.com. Suivez-nous également sur Facebook pour plus d’actualités. 

O’DELLYA CONSULTING,

toujours à votre écoute
Pour nous contacter, rendez-vous :

Sur notre formulaire de contact en ligne

Par téléphone et E-mail
France : Roland Chrisbel – +33 1 79 75 88 00 / a.roland@odellya.com
Côte d’Ivoire : Athanase Kouassi – +225 07 89 46 04 / contact@odellya.com
Congo : Arouna Molekastiba – +242 06 630 60 82 / contact@odellya.com

Facebook / Twitter / Google +

 

By D.C for O’dellya Consulting. All rights reserved to O’dellya Consulting.