A platform for teaching, learning, and practicing

Data Visualization

using D3.js and SVG.

Get Started
Recent Visualizations
Pie Chart
test for colorLegend
Top Cocktail Ingredients with Interactive Legend
Interactive Color Legend Scatter Plot for Life Expectancy Data with Menu
Massachusetts Chrolopleth map with interactive legend
Shapes and Colors with SVG and CSS
Logan Weather data with Interactive Color Legend
Radial Chart with Multiple Airports
Aggregated, Interactive Common Cocktail Ingredient Pairings
Interactive Color Legend Scatter Plot for Life Expectancy Data with Menu for Mortality
Hello VizHub
Choropleth Map
Cars Report
Map of Nuclear Explosions with Time Histogram
EdX Viewership 2013: Aggregating in App! back to normal, 10:23
Cars Report
First Test
First Test
Untitled
Scatter Plot
Untitled
Untitled
HIV/AIDS Chorpleth Map
Hello VizHub
Hello VizHub
Bowl of Fruit - Hover to select
Bowl of Fruit - Click event
Logan Airport Weather vs Delay
What People Think of Technology Change in the next 50 Years
Adding Axes to the radial chart
Hello VizHub
Hello VizHub
Hello VizHub
Hello VizHub
Boston Crime Reports
Massachusetts Chrolopleth map with interactive legend
World Happiness Scores by Population
Making a bar chart
Worldwide Suicide Map
Suicide Trend over Years and Gender in United States
Let's make a face with D3.js!
Shapes and Colors with SVG and CSS
Let's make a face with D3.js!
Let's make a face with D3.js!
Wow 3D Map
Untitled
CS399
Menus with React
Let's make a face with D3.js!
Menus with Starter
Adding Axes to the radial chart
Mass School District Boundaries test 2
Massachusetts Chrolopleth map
Untitled
Hello VizHub
Let's make a face with D3.js!
Responding to Resize
Stylized Line Chart
Terrain Generator (Beta)
Gyümik?
Let's make a face with D3.js!
Missing Migrants Scatter Plot Log Scale
Bowl of Fruit - General Update Pattern
World Population Area Chart
Let's make a Map!
Log Scale Powers of Ten Ticks
Let's make a Map!
Line Chart with Multiple Lines
Wow 3D Map
Logan Airport Weather vs Delay
Kent County (UK) Police Stop & Search Map
Cars Report
Outbreaks in United States
Interactive Common Cocktail Ingredient Pairings
Logan Airport Weather vs Delay
Massachusetts Chrolopleth map
HTML Starter
Logan Airport Weather vs Delay
Choropleth Map with Interactive Filtering
Hello VizHub
A week in San Francisco
A week in San Francisco
Cars Scatter Plot
Cars Scatter Plot
Total Crimes Map
Cars Report
Total Crimes Map
Sized Points on a Map
Sized Points on a Map
USA AIRPORT ON_TIME PERFORMANCE
Multiple Views with Brushing
H1B Petition with Interactive Legend for Case Status
H1B Petition with Interactive Legend for Case Status
Working Tooltips
Sized Points on a Map
Shapes with SVG and CSS
HTML Cars Report
Multiple Views with Fast Brushing
Hello VizHub
Kent County (UK) Police Stop & Search Map
Missing Migrants Date Histogram
HTML Cars Report
Hello VizHub
Drug Ratings Date Histogram
Hello VizHub
Cars Report
Sized Points on a Map
Customizing Axes
Sized Points on a Map using videoData!
Bar Chart
Wow 3D Map
Let's make a face with D3.js
Shapes with SCG and CSS
HTML Cars Report
Bar Chart
D3.js
Hello VizHub
Let's make a face with D3.js!
Scatter Plot of World Life Expectancy considering Diphtheria vaccination administration
Outbreaks in United States
Multiple Views with Brushing
Massachusetts Chrolopleth map with interactive legend
Cocktail Views
Bar Chart
Black Canvas
Making a Bar Chart
Cheaps tricks for interaction
Responding to Resize
Missing Migrants Date Histogram
Missing Migrants Scatter Plot
Missing Migrants Date Histogram
Let's make a face with D3.js!
Let's make a face with D3.js!
World Countries Tree
Let's make a face with D3.js!
First Pass Radial Line Chart
First Pass Radial Line Chart
click to select!
Let's make a face with D3.js!
Shapes and Colors with SVG and CSS
Let's make a face with D3.js!
USA airlines on-time performance
ILINet Flu Surveillance Data Interactive Visualization
Missing Migrants Date Histogram
The top 100 songs of 2018
The draft of radial chart
Massachusetts Chrolopleth map add legend
Map with Selectable Countries
Massachusetts Chrolopleth map
Mass School District Chrolopleth
Fixed projection for US States
Untitled
US States Heatmap of Bee Colony Loss
EdX Viewership 2013: Adding Dropdowns
World population|Circles on a Map
Logan Airport Weather vs Delay
Google Search for Hate Crime
Two Scatter Plots: Corporate Engagement, Pricing and Earnings
Let's make a face with D3.js!
H1B Petition with Interactive Legend for Year
Making a Bar Chart
USA AIRPORT ON_TIME PERFORMANCE
H1B Petition with Interactive Legend for Case Status
Mass School District Boundaries
Multiple Views with Brushing
WoW Sphere Map
Mass School District Boundaries
Mass School District Boundaries
Cars Report
Cars Report
Shapes and Colors with SVG and CSS
Let's make a face with D3.js
Cars Report
Cars Report
Cars Report
Let's make a face with D3.js!
Cars Report
Let's make a face with D3.js!
Let's make a face with D3.js!
Let's make a face with D3.js!
Cars Report
Bowl of Fruit II - General Update Pattern
Top Cocktail Ingredients with Interactive Legend
Massachusetts Advanced Placement Performance by town
Massachusetts Advanced Placement Performance by town
Franchise Revenues (Category and Total) with Selectable Color Axis
ILINet Flu Surveillance Data Interactive Visualization
Interactive Legend Bar chart for Alcohol Vs Life Expectancy
Multiple Views with Brushing
Interactive Color Legend Bar chart with tooltip for Alcohol Vs Life Expectancy
Cars Report
Hello VizHub
ILINet Flu Surveillance Data Interactive Visualization
Cars Report
Boston Crime Reports
Points on a Map
D3 Experimentation
Cars Report
Cars Report
Terrain Generator (Beta)
EdX Viewership 2013: Aggregating in App!
Cheap Tricks for Interaction
Massachusetts safe town/city selector by county and community
Cheaps tricks for interaction
Map of Nuclear Explosions with Dropdown Menus
Terrain Generator (Beta)
Shapes and Colors with SVG and CSS
Multiple Views with Fast Brushing
Temperature in San Francisco Line Chart
VizHub User Count Over Time
Hello VizHub
Interactive Color Legend Scatterplot to determine Alcohol consumption Vs Life Expectancy
Cars Report
Cars Report
Bowl of Fruit - General Update Pattern
HTML Cars Report
World Happiness Scores by Population
Massachusetts Chrolopleth map
Mass Map 3 add points
Mass Map Chrolopleth map
EdX Viewership Map, 2013
Hello VizHub
Top 100 Songs w/ Menus & Color Legends
Base US Map
React Starter
Cars Report
D3.js collapsible tree with boxes
D3.js collapsible tree with boxes
World Happiness Scores by Population
Hello VizHub
Car Scatter Plots
Line Chart
Stylized Line Chart
Customizing Axes
Color and Size Legends
Let's make a bar chart
Stylized Bar Chart
Making a BarChart
Ordinal Scatter Plot
Making a BarChart
Shape with SVG and CSS
Hello VizHub
Bowl of Fruit - General Update Pattern
Scatter Plot
World Countries Tree
Art Tree
making a canvas!
Kent County (UK) Police Stop & Search Map
Cheap Tricks for Interaction
Sized Points on a Map
Let's make a map with D3.js!
Cars Scatter Plot
Lets make a face with D3.js!
Bar Charts
Hello Hagen
Hello Hagen
Customizing Axes
Shapes and Colors with SVG and CSS
Let's make a face with D3.js!
Shapes and Colors with SVG and CSS
ILINet Flu Surveillance Data Interactive Visualization
Line Chart for ILINet Flu Surveillance Data
Bowl of Fruit - General Update Pattern
Hello VizHub
Bar chart: Customize axis
Bar chart!
Interactive plot
Mass Map Chrolopleth map
Untitled
Mass Crime Map with circle size corresponding to crime/population ratio
Let's make a face with D3.js!
Mass Crime Map with circle size corresponding to crime total count
Mass Crime Map with circle size corresponding to crime/population ratio
ILINet Flu Surveillance Data Interactive Visualization
Massachusetts safe town/city selector by county and community
Let's make a face with D3.js!
Cars Reports
Let's make a face with D3.js!
Shapes with SVG and CSS
Cars Report
HTML Cars Report
Hello VizHub
Hello VizHub
Hello VizHub
Hello VizHub
Cars Report
Cars Reports
Cars Report
Cars Report
Customizing Axes
Hello VizHub
Hello VizHub
CS399
CS399
Cars Reports
Cars Scatter Plot
Wow 3D Map
Customizing Axes
Cars Report
Customizing Axes
Scatter Plot with Menus
Massachusetts safe town/city selector by county and community
Let's make a face with D3.js!
Let's make a face with D3.js!
Cars Scatter Plot
Bowl of Fruit - Hover to Select
Bowl of Fruit - Click to Select
HTML Starter
Shapes with SVG and CSS
Multiple Views Cleanup
Shapes with SVG and CSS
Hello VX
Hello VizHub
Bowl of Fruit - General Update Pattern
Let's make a face with D3.js!
Kevin's face
Cars Report
Cars Report
Untitled
Shapes
Hello VizHub
World Happiness Scores by Population
Smiley Face Part II
Cars Report
Massachussetts Top 10 Crime City filter works
loreal parsing
Massachussetts Top 10 Crime City filter works before adjust axis
Let's make a face
Hello VizHub
Scatter Plot with Color Legend
Let's make a face with D3.js!
Sophie's Stylized Scatter Plot v.3
NACRO Membership: Corporate Engagement
Let's make a face with D3.js!
Worldwide Suicide Map
Cars Report
Logan Airport Weather vs Delay
Choropleth map
Hello VizHub
Hello VizHub
Hello VizHub
Cheap tricks for interaction
Suicide Trend over Years and Gender in United States
Let's make a map with D3.js!
Customizing Axes
Customizing Axes
Sophie's Let's make a map with D3.js!
Circles on a Map
World Happiness Scores by Population
Points on a Map
Hello VizHub
Let's make a face with D3.js!
Terrain Generator (Beta)
Terrain Generator (Beta)
Multiple Views with Brushing
Untitled
Make a bar chart
Multiple Views Cleanup
A Re-Recreation of Gapminder’s Wealth & Health of Nations - Romain Vuillemot
CO2 Emissions Over Time
Make a bar chart
Make a bar chart
Let's make a face with D3.js!
Let's make a face with D3.js!
Let's make a face with D3.js!
Let's make a face with D3.js!
Let's make a face with D3.js!
Let's make a face with D3.js!
Hello VizHub
Shapes with SVG and CSS
Let's make a face with D3.js!
Cars Report
Crime_rate vs year
US Choropleths Map And Captital/Major Cities
World Happiness Scores by Country
Interactive Color Legend with Menus
Stylized Bar Chart
Outbreaks in United States
Points on My World Map
My World Map
Sized Points on a Map
Massachussetts Top 10 Crime City filter works
Steve's Scatter Plot of State Lats and Longs
Interactive Color Legend with Menus
Interactive Color Legend
Points on a Map
Stylized Bar Chart - Top 100 Songs Of Spotify
US Choropleths Map And Captital/Major Cities
Stylized Line Chart
Let's Make a Face
Customizing Axes
Steve's Scatter Plot with Color and Legend
Steve's Interactive Scatter Plot with Color and Legend
Let's make a face with D3.js
Interactive Color Legend with EdX Viewer Data
Mass School District Boundaries
NACRO Membership by Office Type with Menus
Sized Points on a Map
Sized Points on a Map
Hello VizHub
EdX Viewership Map, 2013
Steve's Scatter Plot with Color and Legend
Hello VizHub
Cars Report
Hello VizHub
NACRO Membership: Corporate Engagement
Sized Points on a Map
Let's make a face with D3.js!
Franchise Revenue Totals with Dropdown Menus and Color Legend
Missing Migrants Multiple Views
World Countries Tree
World Countries Tree
Interactive Color Legend Scatter Plot for Life Expectancy Data with Menu
Interactive Color Legend Scatter Plot for Health Expenditure Vs Life Expectancy
Making a Bar Chart
Dynamic Dashboard for survey data
Missing Migrants on a Map
Making a Bar Chart
Significant Earthquake in World: 1970-2019
Points on a Map
Scatter Plot for House Price
Cars Report
College Interactive Color Legend
Interactive Color Legend with Menus
Making a Bar Chart
Thing
Shapes with SVG and CSS
loreal dataviz updates
loreal charts_data separations
Logan Weather data with Interactive Color Legend
Interactive Color Legend
Centered US Map
Centered US Map
Massachusetts Retention w/ Menu and Interactive Color Legend
Centered US Map
Line Chart for ILINet Flu Surveillance Data
Line Chart for ILINet Flu Surveillance Data
Map of Nuclear Explosions with Clickable Points
Hello VizHub
Interactive Color Legend Scatterplot to determine Healthcare Expenditure per year
Hello VizHub
Interactive plot
Stylized Bar Chart
Let's make a face with D3.js!
Let's make a face with D3.js!
Let's make a face with D3.js!
Cars Report
Cars Report
Hello VizHub
Missing Migrants Date Histogram
Loading and Parsing CSV data
Missing Migrants Scatter Plot
Hello VizHub
Let's make a face with D3 new
Let's make a face with D3 new
Top Cocktail Ingredients with Interactive Legend
HTML
Cars Report
Cars Report
Cars Report
Top Cocktail Ingredients by Location
Cars Report
Top 100 Songs w/ Menus & Color Legends
Let's make a face with D3.js!
Let's make a face with D3.js!
Line Chart for ILINet Flu Surveillance Data
Top 10 States in 2018
Top 100 Songs w/ Menus & Color Legends
Top 100 Songs w/ Menus
Massachusetts Retention w/ Menu and Color Legend
Pie Chart for USA Flights On-time Performance
Interactive Color Legend
Happy Face with D3
Happy Face with D3
Happy Face with D3
Shapes with SVG new
Shapes with SVG new
CO2-buttons
CO2
Shapes with SVG new
Shapes with SVG new
Shapes and Colors with SVG and CSS
MTCARS Scatter Plot with Menus
Ordinal Scatter Plot
Ordinal Scatter Plot
Ordinal Scatter Plot
Let's create a world map (geoNaturalEarth1)2 - with d3
Exercise
Let's create a world map (geoNaturalEarth1)2 - with d3
Line Chart for ILINet Flu Surveillance Data
Earthquake Choropleth Map
CO2
Mass Crime Map with circle size corresponding to crime/population ratio
Mass Crime Map with circle size corresponding to crime total count
CO2
Earthquake Choropleth Map
Polished Scatter Plot with Menus
Earthquake Choropleth Map
Feedback