Course outline for D3.js
TechnologyD3.jsLevelPrerequisites listed
D3.js Course Objectives
By the end of this course, participants will have a good hold on visualization using D3.js and how it is conceptually different from other visualization frameworks
Pre-requisites
Participants must have basic knowledge of JavaScript, CSS selectors, JSON/XML data formats, AJAX/XHR and visualization
Lab Setup
Every participant must have a laptop with full Internet connectivity the following software requirements:
How we train
Online training for D3.js
- Instructor-led live cohorts
- Self-paced learning with expert coaches
- 24x7 cloud labs with end-to-end examples
All sessions are 100% hands-on. Labs and activities are derived from real-world work our engineers deliver.
Classroom training
Available for corporate teams in:
- Bengaluru
- Chennai
- Hyderabad
- Mumbai
- Delhi/Gurgaon/NCR
- Pune
Note: Classroom training is for corporate clients only.
Self-paced hands-on sessions are delivered via VirtualCoach.
Detailed Course Outline
Hands-onFunctional programming
- Anonymous Functions
- Inner Functions
- Function Scope
- Functions as Objects
Events
- Adding event handlers
- Asynchronous handling of events with callbacks
- Event bubbling
- Event capturing
SVG
- Shape Elements
- Graphics Elements
- Text Elements
- Structural Elements
D3 – Selections
- CSS selectors
- Selecting elements in D3
- Operating on Selections
- Data Joins
- enter/exit/update
D3 – Events
- Adding Event Listeners
- Access current user event
- Work with mouse and touch events
D3 – Transitions
- Starting transitions
- Operating on transitions
- Easing
D3 – Arrays
- Mutator methods
- Accessor methods
- Iteration methods
- Associative Arrays
- Maps
- Sets
D3 – Working with Resources
- Making XHR Requests
- Working with JSON
- Working with XML
- Working with CSV/TSV
D3 – SVG
- Working with SVG Elements
- SVG Axes
- Path Data Generators
- Working with Lines, Areas, Arcs and Chords
D3 – Visualization Examples
- Histogram
- Pie Layout
- Stack Layout
- Tree Layout
- Treemap Layout