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

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 Drawing Basic Shapes

Quiz on Drawing Basic Shapes

Check your understanding of the concepts covered so far.

We'll cover the following...

Technical Quiz

1.

Which tag is used to add SVG in the HTML page?

A.

<draw>

B.

<SVG>

C.

svg

D.

Both option B and C

1 / 7

Loginto save progress

Solution Review: Falling Circle

Chart Design Principles

Loginto save progress