A platform for teaching & learning

Data Visualization

using D3.js and SVG.

Get Started
Recent Visualizations
Making a Bar Chart
Barchart
Making a Bar Chart
Chropleth Map
Hello VizHub
World Countries Tree
Hello VizHub
Hello VizHub
Let's make a face with D3.js!
Hello VizHub
World Countries Tree
Kids Shape and Color App
Multiple Line plot
Color and Size Legends
World Countries Tree
Blank Canvas
Happiness Level Chart
Let's Make a Map - Tricks
Let's Make a Map
Bowl of Fruit - Hover to select
Bowl of Fruit - Click to select
Final Project
Choropleth Map with Interactive Filtering
Choropleth Map
Choropleth Map
World Countries Tree
Circle overlap
First Webpage
mod Pitch4
Hello VizHub
Hello VizHub
Happiness Level Chart
Final Project
Eating Around the World
Project: Stacked Line (Artist)
mod Pitch3
[TEST] Pie Chart
1027Happiness Level Scatter Plot
Let's make a face with D3.js!
General Update Pattern / Nested
Primary Balance filter 1
Hello VizHub
Debt over time plot: India
General Update Pattern
Overview - Compact Event Sequences
Primary Balance on Choropleth Map
Project | Interaction | Re-submit
Circles on a Map
World Pop. Area Chart
Area Chart
Line Chart
Temp in SF Scatter Plot
Car Scatter Plot
Scatter Plot
Kids Shape and Color App
Color and Size Legends
Kids Shape and Color App
Line Chart with Multiple Lines
Line Chart with Multiple Lines
Line Chart with Multiple Lines
Line Chart with Multiple Lines
Line Chart with Multiple Lines
Line Chart with Multiple Lines
Line Chart with Multiple Lines
Line Chart with Multiple Lines
Line Chart with Multiple Lines
Line Chart with Multiple Lines
Line Chart with Multiple Lines
Line Chart with Multiple Lines
Line Chart with Multiple Lines
Making a Bar Chart
Hello VizHub
Sequences sunburst
Hello VizHub
C'est comment
Hello VizHub
Hello VizHub
B.Toys Sales: GMV v.s Net Renvenu Rate
Event Sequences with Overview
Make a Bar Chart
Imports from 2000 to 2016
Customizing Axes
Making a Bar Chart
Let's make a face with D3.js!
Shapes with SVG and CSS
Let's Make a Face
HTML Cars Report
Hello VizHub
Hello VizHub
Event Sequences with Filtering and Interations
Chicago Crime Data First Pass
Log Scale Example
Hello P5.js
Population by Age and Race
London Air2
Avocado Sales US States
Map with Selectable Countries
Avocado Sales US States
Temperature in San Francisco Area Chart
Avocado Sales US States
Selecting a Year on a Line Chart
Temperature in San Francisco Line Chart
Temperature in San Francisco Scatter Plot
Cars Scatter Plot
Cars Scatter Plot
1027Happiness Level Scatter Plot
Customizing Axis
1027Happiness Level Line Chart
Project 10/31
1027Happiness Level Line Chart
London Air
B.Toys Sales: GMV v.s Net Renvenu Rate
Happiness Level Line Chart - Test
Project in progress - Week x
Avocado Sales US States
Avocado Sales US States
Avocado Sales US States
Avocado Sales US States
Bowl of Fruit - Update Pattern
Data Visualization Project
Making a Bar Chart
Let's make a map with D3.js!
Circles on a Map
World Population Area Chart
Temperature Area Chart
Customizing Axes
Cars Scatter Plot
First Bar Chart
World Energy Report
First Custom Axis Barchat
Percentage distribution of social groups among States, 2007-08
Temperature Line Graph
Temperature Scatterplot
Starbucks Locations
Chicago Crime Data Analysis
Project | Interaction | Re-submit
Project | Interaction | Re-submit
Project | last part-resubmit
Project | Interaction
Chicago Crime Data Analysis
Project | last part
Cars Scatterplot
Project | Load color | legend | moving
Scatterplot
Project | Load color | legend
Project | Load color
Project | Load
London Air Scatter Plot Back vs Road
Customizing Axes of Bar Chart
Project | Primary Balance | Part 1 | Chloro-new
Choropleth Map with Interactive Filtering
Untitled
Project | Primary Balance | Chloro | Filter-2
Project | Primary Balance | Chloro | Filter
Project | Primary Balance | Chloro | Filter
Hello VizHub!
Chandrapur Distric Rural Household Monthly Income less than 5000
Map with selectable country
Map with Selectable Countries
B.Toys Sales: GMV v.s Net Renvenu Rate
Avocado Sales US States
Avocado Sales US States
Circles on a Map
Fixed projection for US States
Fixed projection for US States
Final Project Week 3
Cars Report
Making a bar chart
Starting Viz - Smiley Face
Project | Primary Balance | Chloro
Project 10/24: added tooltip for each dot; will try to convert into a beeswarm
Project: Stacked Line
Melting Data for Multiple Lines
Fixed projection for US States
Project in progress
Fixed projection for US States
Fixed projection for US States
Fixed projection for US States
Untitled
Fixed projection for US States
Formatting axes
Cars Scatter Plot
Formatting axes
Customizing Axes
Auto MPG Summary
Making a Bar Chart
Let's make a face with D3.js!
Shapes with SVG and CSS
HTML Cars Report
Multiple Pollutant Line plot Data load
Multiple Line plot with Dropdown
Customizing Axes
Customizing Axes
Hello VizHub!
Cars Report
Selecting a Year on a Line Chart
Project in progress
Let's make a face with D3.js!
mod Pitch2
smile to a smile
Hello VizHub!
Hello VizHub!
Hello VizHub!
Let's make a map with D3.js!
Choropleth Map
Let's make a map with D3.js!
Let's make a map with D3.js!
Happiness Level Scatter Plot
Choropleth - Dry Run
Data Visualization Project
Project: Multiple Line
Let's make a map with D3.js!
Let's make a map with D3.js!
Fixed projection for US States
Fixed projection for US States
Fixed projection for US States
Melting Data for Multiple Lines
Project | Primary Balance | Part 1
Project: Primary Balance, Part 2
Chicago Crime Data Analysis
mod Pitch
Chicago Crime Dataset Analysis
Fixed projection for US States
US States Colored By Region
Cars Scatter Plot with horsepower and weight against cylinders
Fixed projection for US States
Fixed projection for US States
Project: Primary Balance, Part 1
Scatter Plot with Menu by mfr(legends)
Happiness Level Line Chart - Test
Happiness Level Line Chart
Imports from 2000 to 2016
Final Project Week 2
Imports from 2000 to 2016
Imports from 2000 to 2016
Imports with Menus
Imports with Menus
Imports with Menus
World Trades vs Taxes in 2015
Circles on a Map
Project: Primary-Balance Testing-csv
World Trades vs Taxes in 2015
Melting Data for Multiple Lines
Project in progress - WEEK 2
Hello VizHub!
Assignment3
Assignment3
Scatter Plot with Menu by mfr(legends)
Satellites Launches per Year(Final Project)
Dirk's Points
City Temperatures
Imports with Menus
World Trades vs Taxes in 2015
World Trades vs Taxes in 2015
Imports with Menus
Project: Primary-Balance Testing
Multiple Line plot (refactored)
Circles!
Multiple Line plot
Update and Enter - Another Take
Blank Canvas
Line Chart with Multiple Lines
Pitch
Multiple Line plot
Project prototype 10/17
Project: Map Interaction Assignment Final
Project
Choropleth Map with Interactive Filtering
Scatter Plot Convert to Line plot
Scatter Plot Convert to Line plot
Let's make a face with D3.js!
Hello VizHub!
Hello VizHub!
Fixed projection for US States
Imports with Menus
Happiness Level Plot
Data Table Summary
Imports with Menus
Let's make a map with D3.js!
Exports to Seven Countries with Menus
Avocados Scatter Plot With Menus
Imports with Menus
Economic factors over time plot with Menus-Final-test
Let's make a map with D3.js!
So... here is the Earth
So... here is the Earth
Happiness Level Line Chart
Economic factors over time for US: Menus
Scatterplot test
Economic factors over time plot with Menus
Economic factors over time plot with Menus
Event Sequences
Let's make a face with D3.js!
Legend
B.Toys Sales on JD.com Between July 1st to Sep 13th
Final Project Week 1
Let's make a map with D3.js!
Let's make a map with D3.js!
Scatter Plot with Menu by mfr(legends)
Cars Scatter Plot with Menu
Minimum Wage Scatter Plot with Interaction Menus
Avocados Scatter Plot With Menus
Avocados Scatter Plot With Menus
Cars Scatter Plot With Menus
Cars Scatter Plot With Menus
Scatter Plot with Menus
Scatter Plot with Menus
World
Scatter Plot with Menus and Categorical Color Coding
B.Toys Sales: GMV v.s Net Renvenu Rate
Exports to Seven Countries with Menus
B.Toys Sales on JD.com Between July 1st to Sep 13th
Hello VizHub!
Hello VizHub!
Fastfood Scatter Plot With Menus, Legend, and Tooltips
Bowl of fruit with transitions with Uni flow
Bowl of fruit
Bowl of fruit with transitions
The relations between Happiness Score and variables Scatter Plot dropdownMenu
Life expectancy vs Happiness Score Scatter Plot with menus
Exports to Seven Countries with Menus
Cars Scatter Plot
Cars Scatter Plot
Hello VizHub!
Cars Scatter Plot
Pokemon Scatter Plot
Chloropleth Map Interactive
Scatter Plot Roadside Pollution over Time
Cheap Tricks for Interaction
TreeMap
Color and Size Legends
Try Menu
Cars Scatter Plot
Cars Scatter Plot
Scatter Plot Pollutant (Menu) over Time
Hello VizHub!
Horizontal Tree
Scatter Plot with Menu
Cars Scatter Plot
Scatter Plot with Menu
Temperature in Sanfracisco scatter plot
Cars Scatter Plot
Try Menu
Scatter Plot with Menu
Project: Tree
Scatter/Line Plot with Menus
Fastfood Scatter Plot With Menus, Legend, and Tooltips
Scatter Plot with Menus
Borehole Dummy Data with menue
Scatter plot with Menus -by Month
Borehole Dummy Data with menue
Project in progress - Week 1
Cars Scatter Plot
Scatter Plot with Menu
Scatter Plot with Menu
Scatter Plot with Menu
Scatter Plot with Menu
Cars Scatter Plot
Try one
Try one
Project
Project
Final Project
Final Project
Cars Scatter Plot
Cars Scatter Plot
Cars Scatter Plot
Annual Deaths Causes in USA
Scatter plot with Menus - by Year
Annual deaths causes in usa
Project: Bar Chart
Plays over Time with Multiple Dropdowns
Plays over Time with Dropdown
Economic factors over time plot with Menus-test1
Cars Scatter Plot with Interactive Filtering
Debt over time plot: India
Temperature in San Francisco Line Chart
Debt over time plot - India
Debt over time plot - India
Natural disaster death over years
Economic factors over time plot with Menus-Final
Temperature in San Francisco Line Chart
Cars Scatter Plot
Scatter Plot with Menus
idk
Pitch
Change in GDP: Post World War II
Cars Scatter Plot
Change in GDP: Post World War II
Version_3_SP
Version_2_SP
Bowl of Fruit
Bowl of Fruit
New-6
New-5
New-4
New-3
New-2
Tax revenue over time plot
New-1
Choropleth Map with Interactive Filtering-1
Choropleth Map with Interactive Filtering
Choropleth Map with Interactive Filtering
GDP changes: Post World War II
Hello VizHub!
Natural disaster death over years
Natural disaster death over years
GDP changes: Post World War II
Exports to US and China ($)
Cars Scatter Plot
Natural disaster death over years
Data Table Summary
Cars Scatter Plot 2
Data Table Summary
GDP changes: Post World War II
Almost Final-11
Natural disaster death over years
Almost Final-10
Natural disaster death over years
Natural disaster death over years
Natural disaster death over years
Cars Scatter Plot with Interactive Filtering
Natural disaster death over years
Almost Final-9
Almost Final-8
Almost Final-7
Almost Final-6
Choropleth Map with Interactive Filtering
Almost Final-5
Almost Final-4
Almost Final-2
Almost Final-1
Almost Final
Plays over Time-test
Variation of GDP over time for USA and Germany-test5
Variation of GDP over time for USA and Germany-test4
B.Toys Sales: GMV v.s Net Renvenu Rate
Chloropleth Map with Interactive Filtering
Color by Month Example
Hello VizHub!
Cars colorlegend
Pokemon: Special Attack vs Special Defence, by Type
B.Toys Sales: GMV v.s Actual Supply Rate
Cars Scatter Plot
Cars Scatter Plot with horsepower and weight against cylinders
Choropleth Map
Cars Scatter Plot
Variation of GDP over time for USA and Germany-test3
Plays over Time
Chloropleth Map
prototype scatterplot
Plays over Time
Variation of GDP over time for USA and Germany
Plays over Time
Tax revenue over time plot
Tax revenue over time plot
GDP Variation over time plot-2
Scatter plot with Interactive Filtering
World Countries Tree!
B.Toys Sales: GMV v.s Actual Supply Rate
Cars colorlegend
Scatterplot
Scatter Plot with Menus
Customizing Axes
GDP Variation over time plot-2
GDP Variation over time plot
Cars Scatter Plot
Cars Scatter Plot
GDP Distribution US and Germany
Choropleth Map with Interactive Filtering
Tax revenue over time plot
Let's make a face with D3.js!
HW Colored Scatter Plot With Interactive Filtering
Bowl of Fruit - Click to select
Choropleth Map with Interactive Filtering
Choropleth Map
Hello VizHub!
Hello VizHub!
Bowl of Fruit - General Update Pattern
World Population Area Chart
Week Temperature SF Area Chart
Week Temperature SF Line Chart
Hello VizHub!
Hello VizHub!
Choropleth Map with Interactive Filtering
Week Temperature SF Scatter Plot
Cars Scatter Plot
Scatter Plot
Color and Size Legends
CSS grid...
Cars Scatter Plot
Cars Scatter Plot With Interactive Filtering
Color and Size Legends
Cars Report
Cars Scatter Plot With Interactive Filtering
Updatable D3.js Charts.
Scatter plot with Interactive Filtering
Cars Scatter Plot
Cars Scatter Plot With Interactive Filtering
Plays over Time
Feedback