Skip to content

thtruo/30-Days-of-D3

Repository files navigation

30 Days of D3

Creating data visualizations with D3 has long been on my bucket list. So, I started learning D3 and kept going for 30 days. Each day, I tried to build something from what I learned. Below is my progression in the form of completed projects.

Check out some projects at Codepen. Unfortunately, the non-Pro version of Codepen does not give you a way to load assets, like JSON files. Those projects are here though and have stubs in Codepen.

Projects

Project 1 - Bar Chart

Simple Bar Chart Screenshot

Project 2 - SVG Circles

SVG Circles Screenshot

Project 3 - SVG Bar Chart

SVG Bar Chart Screenshot

Project 4 - Simple Scatterplot

Simple Scatterplot Screenshot

Project 5 - Scatterplot and Axes

Scatterplot and Axes Screenshot

Project 6 - A Map

A Map Screenshot

Project 7 - D3 Animated Clock

Animated Clock Screenshot

Project 8 - US Population Bubble Map

US Population Bubble Map Screenshot

Project 9 - A Simple Kevin Bacon Graph

A Simple Kevin Bacon Graph Screenshot

Project 10 - Flight Animation

Flight Animation

Project 11 - US Population Age Group Pie Chart

US Population Age Group Pie Chart

Project 12 - US Population Age Group Donut Chart

US Population Age Group Donut Chart

Project 13 - Force Layout Repulsion

Force Layout Repulsion

Project 14 - Arclock

Arclock

Project 15 - Fitbit Steps

Fitbit Steps Line Chart

Reach Me

Twitter: @ttruongchau

Check out thomastruongchau.com

About

Part of my "30 Days of D3" challenge

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published