WE186

Data Visualization using D3.js

  • Duration 2 days
  • Regular fee 895
  • Preferential fee 760?
  • Locations
  • Laboratory
    course
Parcours

Formation path :

Web Interface Development Training Paths

View path
SUMMARY
DETAILS

Objectives

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.

Prerequisite

Knowledge of HTML (Course WE106), JavaScript (Course WE105) and CSS (WE137). Familiarity with the CSS3 standard and basic knowledge of linear algebra and trigonometry is desirable.

Content

  • Overview of D3.js
  • Importing data (JSON, XML, csv and tsv)
  • Basics of D3.js API for modifying the DOM: selectors, adding and removing elements
  • Data binding using 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

Are you interested in this training course ?

Only private sessions of this course are currently available.

Request a quote

Trainer(s) assigned(s)

Other course(s) in this category