WE186

Visualisation de données avec D3.js

  • Durée 2 jours
  • Prix régulier 895
  • Prix préférentiel 750?
  • Lieux
    • Montréal
    • Québec
  • Cours en
    laboratoire
  • Aussi en Formation privée
Parcours

Parcours de formation :

Parcours de formation en développement d'interfaces Web

Voir le parcours
Résumé
Détails

Objectifs

Être en mesure d’apprendre à utiliser la librairie D3.js pour tracer des graphiques dynamiques, percutants et utiles à la visualisation de données.

Clientèle visée

Intégrateurs et développeurs Web.

Préalable

Connaissance de HTML (cours WE106), de JavaScript (cours WE105) et des CSS (cours WE137).

Ce cours est aussi offert en formation privée. ?

Contenu

  • Présentation de D3.js
  • Importation de données (JSON, XML, csv et tsv)
  • Bases de l’API D3.js pour modifier le DOM : sélecteurs, ajout et retrait d’éléments
  • Arrimage de données avec la méthode data()
  • Patron général de mise à jour : entrées, mises à jour et sorties
  • Apprentissage du SVG à travers l’API de D3.js
  • Stylisation du SVG par attributs ou règles CSS
  • Philosophie de construction avec le JavaScript fonctionnel et mise en place d’une coquille de travail
  • Fonctions de génération de chemins : lignes, aires, secteurs, symboles, diagonales et cordes
  • Gestion des échelles (quantitatives, temporelles et ordinales), définition du domaine, création d’axes avec leurs divisions, subdivisions et étiquettes
  • Formater les dates et les nombres sur les axes
  • Animations avec les transitions
  • Interaction avec le graphique : cliquer, glisser-déposer, changer d’échelle (zoom)
  • Étude de quelques gabarits de diagrammes (layouts) : secteurs, fréquences, cordes, forces et arbres
  • Chargement de données géographiques au format TopoJSON ou GeoJSON
  • Fonctions de projection pour la visualisation de données avec une composante géographique

Dates

  • Montréal

    15 mars au 16 mars 2017

  • Québec

    6 avril au 7 avril 2017

Formateur(s) attitré(s)

Autre(s) cours dans cette catégorie