0% completed

Introduction

Who should take this course, and why?

Introduction to Data Visualization

Introduction to D3.js

Quiz on D3.js Introduction

D3.js Fundamentals

D3 Selections Manipulating DOM Elements Method Chaining Data Joins/Binding Challenge: Add HTML Tags and Bind Data Solution Review: Add HTML Tags and Bind Data Quiz on D3.js Fundamentals

Scales

Linear Scale Logarithmic Scale Clamp Function scaleQuantize Ordinal Scales Challenge: Make a Scale Solution Review: Make a Scale Quiz on Scales

Drawing Basic Shapes

Introduction to SVG SVG Using D3.js Drawing a Rectangle Drawing a Circle Transformations Transition Challenge: Falling Circle Solution Review: Falling Circle Quiz on Drawing Basic Shapes

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 Challenge: Draw a Donut Chart Solution Review: Draw a Donut Chart Quiz on Chart Fundamentals

Network Visualization, Hierarchical Data, and Interactivity

Introduction to Nodes and Links Drawing a Network Introduction to Hierarchical Data Draw a Treemap Introduction to Interactivity Tooltip Challenge: Add Tooltip to a Treemap Solution Review: Add Tooltip to a Treemap Quiz: Network Visualization, Hierarchical Data, and Interactivity

Conclusion

Introduction to Visualization Using D3.js/

...

/

Quiz on D3.js Introduction

Quiz on D3.js Introduction

Let's test your understanding of the concepts covered so far.

We'll cover the following...

Technical Quiz

1.

D3.js is a lightweight visualization library built on top of

A.

Java

B.

Python

C.

JavaScript

D.

C/C++

1 / 5

Loginto save progress

Introduction to D3.js

D3 Selections

Loginto save progress