Introduction to Visualization Using D3.js

Description

In this course, you will learn :

• About DOM (Document Object Model) manipulation, method chaining, data binding, and data loading in the first half of the course.
• Cover visualisation concepts as well as a deep dive into SVG, which is used to draw various geometrical shapes.
• You will work with various maps and graphs to display your data.
• Learn about network visualisation using nodes and links.

Syllabus :

1. D3.js Fundamentals

• D3 Selections
• Manipulating DOM Elements
• Method Chaining
• Data Joins/Binding
• Quiz on D3.js Fundamentals

 

2. Scales

• Linear Scale
• Logarithmic Scale
• Clamp Function
• scaleQuantize
• Ordinal Scales

 

3. Drawing Basic Shapes

• Introduction to SVG
• SVG Using D3.js
• Drawing a Rectangle
• Drawing a Circle
• Transformations
• Transition

 

4. Chart Fundamentals

• Chart Design Principles
• Axis
• Labels
• Margins
• Path and Line Generator
• Line Chart
• Draw Arc
• Angle Generator
• Draw a Pie Chart
• Area Chart
• Stacked Area Chart
• Bar Chart

 

5. Network Visualization, Hierarchical Data, and Interactivity

• Drawing a Network
• Introduction to Hierarchical Data
• Draw a Treemap
• Introduction to Interactivity
• Tooltip

Show more