Part of my "30 Days of D3" challenge
HTML Makefile
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
Project 10 - Flight Animation
Project 11 - US Population Pie Chart
Project 12 - US Population Donut Chart
Project 13 - Force Layout Repulsion
Project 14 - Arc Clock
Project 15 - Fitbit Steps
Project 6 - A Map
Project 8 - A Bubble Map
Project 9 - Bacon/bacon
Project Summary
img
.gitignore
README.md

README.md

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