Courses
D3.JS - Level 1

D3.JS - Level 1

An introduction to D3 and how to start building visualizations with data.

You should be competent with HTML, CSS, JavaScript

There are no required resources for this course.

Approx 2 hours

Lessons

1 - Introduction to D3
What is D3 and how to get started.
U
2 - Drawing rectangles
Learn how to draw rectangles and add attributes and styles to control their appearance.
U
3 - Working with data
Understand how to draw multiple rectangles based on an array of data.
U
4 - General Update Pattern
Understand how the D3 general update pattern works and use it to improve the user experience.
U
5 - Working with scales and axes
Use some of D3's built in helper functions to create scales and axes.
U
6 - Positioning the elements
Learn how to position and size rectangles to correspond with scales and axes.
U