Data Visualization and D3.js

Visualization Fundamentals

Discover exploratory and explanatory data visualizations, identify data types and learn effective ways to encode your data.

D3 Building Blocks

Get started with visualizations on the web using html, javascript, css and d3.js.

Problem Set: Visualization Fundamentals

Check what you've learned about visualization principles and tools for visualization on the web.

Design Principles

Dive into chart types and learn how to use the way human brain processes what it sees.

Dimple.js

Build up a visualization using dimple.js, using the console to debug and inspect your work.

Problem Set: Chart Types and Axes

Test your knowledge of chart types and how axes work.

Narrative Structures

Understand how organising your data story matters and develop your own visualisation from dimple to d3.js!

Animation and Interaction

Create a map visualization, learn more advanced techniques for working with data and add an animation using d3.js.

Final Project