Course Outline


Pre-requisites

Participants must have basic knowledge of JavaScript, CSS selectors, JSON/XML data formats, AJAX/XHR and visualization

Objectives

By the end of this course, participants will have a good hold on visualization using D3 and how it is conceptually different from other visualization frameworks

Course Duration

2.5 days for training + .5 days for assessment

Lab Setup

Every participant must have a laptop with full Internet connectivity the following software requirements:

Course Outline

Section 1 – Functional programming
  • Anonymous Functions
  • Inner Functions
  • Function Scope
  • Functions as Objects
Section 2 – Events
  • Adding event handlers
  • Asynchronous handling of events with callbacks
  • Event bubbling
  • Event capturing
Section 3 – SVG
  • Shape Elements
  • Graphics Elements
  • Text Elements
  • Structural Elements
Section 4 – D3 – Selections
  • CSS selectors
  • Selecting elements in D3
  • Operating on Selections
  • Data Joins
  • enter/exit/update
Section 5 – D3 – Events
  • Adding Event Listeners
  • Access current user event
  • Work with mouse and touch events
Section 6 – D3 – Transitions
  • Starting transitions
  • Operating on transitions
  • Easing
Section 7 – D3 – Arrays
  • Mutator methods
  • Accessor methods
  • Iteration methods
  • Associative Arrays
  • Maps
  • Sets
Section 8 – D3 – Working with Resources
  • Making XHR Requests
  • Working with JSON
  • Working with XML
  • Working with CSV/TSV
Section 9 – D3 – SVG
  • Working with SVG Elements
  • SVG Axes
  • Path Data Generators
  • Working with Lines, Areas, Arcs and Chords
Section 10 – D3 – Visualization Examples
  • Histogram
  • Pie Layout
  • Stack Layout
  • Tree Layout
  • Treemap Layout

The classroom training will be provided in Bangalore (Bengaluru), Chennai, Hyderabad or Mumbai and will be conducted in the client's premises. All the necessary hardware/software infrastructure must be provided by the client.