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

Logarithmic Scale

Challenge: Make a Scale

Solution Review: Make a Scale

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 Scales

Quiz on Scales

Check your understanding of the concepts covered so far.

We'll cover the following...

Technical Quiz

1.

A linear scale maps

A.

Discrete input to discrete output.

B.

Continuous input to discrete output.

C.

Continuous input to continuous output.

D.

None of the above.

1 / 10

Loginto save progress

Solution Review: Make a Scale

Introduction to SVG

Loginto save progress