Data Visualization with D3.js

  • Duration 2 days
  • Regular fee 895
  • Preferential fee 750?
  • Locations
    • Montreal
    • Quebec City
  • Laboratory

Formation path :

Web Interface Development Training Paths

View path


To provide the knowledge and skills required to use the D3.js library to build sophisticated and dynamic graphics for data visualization purposes.

Targeted audience

Web integrators and developers.


Knowledge of HTML (Course WE106), JavaScript (Course WE105) and CSS (cours WE137).


  • Overview of D3.js
  • Importing data (JSON, XML, csv and tsv)
  • The D3.js API for modifying the DOM: selectors, adding and removing elements
  • Data binding with the data() method
  • The general update pattern: input, update and output
  • Using the D3.js API to learn SVG
  • Styling SVG with CSS rules or attributes
  • The philosophy of construction using functional JavaScript, and setting up a workspace
  • Functions for constructing paths: lines, regions, sectors, symbols, diagonals and chords
  • Managing scaling (quantitative, temporal and ordinal), definition of a domain, creating axes with divisions, subdivisions and labels
  • Formatting dates and numbers on the axes
  • Animations with transitions
  • Interacting with the graphic: click, drag and drop, zooming
  • Overview of several layouts: sectors, frequency, chords, forces and trees
  • Loading geographical data in the TopoJSON or GeoJSON formats
  • Projection functions for visualizing data with a geographical component


*Unless stated otherwise, all sessions are in French.
  • Montreal

    March 15 to March 16 2017

  • Quebec City

    April 6 to April 7 2017

Trainer(s) assigned(s)

Other course(s) in this category