A platform for teaching, learning, and practicing

Data Visualization

using D3.js and SVG.

Get Started
Recent Visualizations
Let's make a face with D3.js!
Massachusetts City Population by Burglary
Let's make a face with D3.js!
Vega-Lite API Template
Massachusetts City Population by Burglary
Shapes with SVG and CSS
Shapes and Colors with SVG and CSS
Hello VizHub
Circles on a Map of Slovakia
Hello VizHub
Hello VizHub
My work
Customizing Axes
Temperature in San Francisco Scatter Plot Area
Temperature in San Francisco Scatter Plot
Customizing Axes
Untitled
Melting Data for Multiple Lines
Lego Sets by Year from Rebrickable
Let's make a face with D3.js!
Untitled
Untitled
Let's make a face with D3.js!
Hello VizHub
Circles on a Map
Rendering Data with React & D3
Lego Sets by Year from Rebrickable
World Population Area Chart
Customizing Axes
World Population Area Chart
World Countries Tree
Responding to Resize
Face examplle with D3.js
Harvard/MitX Video Views
Responding to Resize
Shapes and Colors with SVG and CSS
Shapes and Colors with SVG and CSS
Shapes and Colors with SVG and CSS
Responding to Resize
Shapes and Colors with SVG and CSS
Massachusetts City Population by Burglary
Cars Report
Hello VizHub
Massachusetts City Population by Burglary
Cars Scatter Plot
Let's make a bar chart!
Scatter Plot
Hello VizHub
Shapes with SVG and CSS
Shapes and Colors with SVG and CSS
Loading Data with React & D3
HTML Cars Report
Participants in Opiate Treatment Study
Let's make a face with D3.js!
Axes with React & D3
The Margin Convention
The Margin Convention Outtake
Untitled
BMI in different US Region and Comparison Between Smoker/Nonsmoker
New York Low to Moderate Income
A Multicenter Clinical Trial of Buprenorphine in Treatment of Opiate Dependence
Buprenorphine in Treatment of Opiate Dependence Study
Harvard/MitX Video Views
Vega-Lite API: College Scorecard Price
Vega-Lite API: College Scorecard Outcomes
Vega-Lite API: NACRO Survey Data
Pathetic Bar Chart
Rendering Data with React & D3
Rendering Data with React
Loading Data with React & D3
Stylized Scatter Plot with Color Legend
Fork Test - DELETE ME
Vega-Lite API Template
Assets Under Management (AUM) in Boston
Vega-Lite API Template
US population
Vega-Lite API Template
Cocktails
Global Terrorism Dataset Visualization
Earthquakes in Turkey
Google Play Store Apps
Vega-Lite API Template
World Economic Freedom Index
House Price in Ames
Vega-Lite API Template
Top Rated Books from Goodreads
Hello Vega Lite API
Vega-Lite API Template
Vega-Lite API Template
Vega-Lite API Template
Ramen Rating Viz
Vega-Lite API Template
Vega-Lite API Template
Vega-Lite API Template
Vega-Lite API Template
Murder in United States
Vega-Lite API Template
Vega-Lite API Template
Vega-Lite API Template
Vega-Lite API Template
Vega-Lite API Template
Logan temperature range VS precipitation
murder_total_deaths
Vega-Lite API Template
Vega-Lite API Template
Vega-Lite API Template
Vega-Lite API Template
Ramen Ratings Across 11 Countries
Academic Publication Influence on University Ranking
Vega-Lite API Template
Vega-Lite API Template
Suicide Statistics in 30 years
Vega-Lite API Template
Vega-Lite API Template
Vega-Lite API Template
Vega-Lite API Template
ILINet Flu Surveillance Data
Vega-Lite API Template
Vega-Lite API Template
Vega-Lite API Template
MRI and Alzheimers Data
MRI and Alzheimers Data
OSRS Grand Exchange
WOW Avatar History (Race vs Total Level)
Google_app
Ramen
Franchise Revenues - Revenue by Franchise
Television Show Ratings - Rating by Season
Television Show Ratings - Rating by Show
Franchise Revenues - Revenue by Year
Student to Teacher Ratios - Ratio by Education Type
Medical Cost Personal (charges vs bmi)
Top 100 songs of 2018
Vega-Lite API Template
Vega-Lite API Template
H1B
Hello Semiotic
Google Play Store Apps
Google Play Store Apps
Google Play Store Apps
Vega-Lite API Template
Google Play Store Apps
Vega-Lite Grouped Bar Chart
Vega-Lite API Template
Boston House Dataset Part II
Vega-Lite API Template
Vega-Lite API Template
Google Play Store Apps
USA Airport
USA Airport
Vega-Lite API Template
Vega-Lite API Template
Vega-Lite API Template
Vega-Lite API Template
Vega-Lite API Template
Boston House Dataset Part I
visa
visa
Vega-Lite API Template
Vega-Lite API Template
Melting Data for multiple lines | selecting a Year
Harvard/MitX Video Views
Vega-Lite API Template
Vega-Lite API Template
Melting Data for multiple lines | interractive Legend
Cars Report
Let's make a face with D3.js!
Hello VizHub
Hello VizHub
Demographics of Social Media
Vega-Lite API Template
Demographics of Social Media
Vega-Lite API Template
Vega-Lite API Template
Loading and Parsing CSV Data
Medical Cost Personal Datasets
WOW Avatar History Dataset
Line Chart multiple lines | interractive Legend
Bowl of Fruit - General Update Pattern Special Cases
Hello VizHub
제대로! 아주좋아!
Customizing Axes
Google Play Store Apps
Google Play Store Apps
Making a bar chart
Vega-Lite API Template
Logan weather 2016-2018
Vega-Lite Grouped Bar Chart
USA Airport
Customizing Axes
Vega-Lite API Template
visa
Vega-Lite API Template
Vega-Lite API Template
New York Airbnb
3D Scatter Plot
Histogram Smoothing
Smiley Face Part II
Smiley Face Part II
Vega-Lite API Template
Cars Report
Hello VizHub
Graduate Admission
Vega-Lite API Template
Cars Report
Bowl of Fruit - Click to Select
New York Airbnb
Vega-Lite API Template
Google Play Store Apps
Student Performance
Nuclear Explosions Number vs. Time
Seattle Pets
Fallen Meteorites Map
Nuclear Explosions with Purpose
Nuclear Explosions Map
Nuclear Explosions
Sessions Entrainement et courses
Making a bar chart
HOW ARE YOU
Let's make a map
Smiley Face Part II
Sessions Entrainement et courses
Loading and Parsing Zoo CSV Data
Lego Sets by Year from Rebrickable
Scatter Plot of Life Expectancy Data_SchoolingVsLifeExpectancy
Scatter Plot of Life Expectancy Data_BMIVsLifeExpectancy
Loading and Parsing Zoo CSV Data
Zoo Scatter Plot
Cars Scatter Plot
Zoo Scatter Plot
Cars Report
Making a Bar Chart
Vega-Lite API Template
Let's make a face with D3.js
Vega-Lite API Template
Outbreaks
Shapes with SVG and CSS
Scatter Plot of Life Expectancy Data_DiphtheriaVsLifeExpectancy
Vega-Lite API Template
HTML Cars Report
Vega-Lite API Template
Vega-Lite API Template
Outbreaks
Customizing Axes
Vega-Lite API Template
Bowl of Fruit - General Update Pattern
Vega-Lite API Template
Gas report
GDP
Bar chart
Religions of Largest 20 Countries
GDP per capita
Bar chart
Lego Sets by Year from Rebrickable
Students Performance in Exams
Graduate Admission
Top 100 Songs of 2018
Responding to Resize
car report
Responding to Resize
Zoo Scatter Plot
Customizing Axes
Let's make a face with D3.js!
Shapes and Colors with SVG and CSS
Customizing Axes
World population|Circles on a Map
Camera Max Resolution Vesus Price
Let's make a face with D3.js!
Test
Let's make a face with D3.js!
Hello VizHub
Google Play Store Apps
Flight count by year
Vega-Lite API Template
MRI and Alzheimers Data
Flight count on Origins
Massachusetts City Population by Burglary
Insurance charge in differnet US area
Cars Report
Hello VizHub
Bar chart
Scatter plot of Minimum Wage Data_StateVsMinWage
Untitled
Religions of Largest 20 Countries
Outbreaks
Vega-Lite API Template
Shapes and Colors with SVG and CSS
Loading and Parsing CSV Data
Loading and Parsing CSV Data
Loading and Parsing CSV Data
Loading and Parsing CSV Data On GitHub Gist
Business and finance courses on Udemy
Smiley Face Part II
Let's make a face with D3.js
Flight delay Data
Ramen Data
Google app data
Hello VizHub
Bar chart
Choropleth map of Slovakia
Bar chart
Loading and Parsing CSV Data
Bar chart
Lego Sets by Year from Rebrickable
Bar chart
Bar chart
Shapes Using SVG and CSS
HTML CAR REPORT
Vega-Lite API Template
Shapes and Colors with SVG and CSS
The Low- to Moderate-Income (LI) New York State (NYS) Census Population Analysis dataset
Interactive Cars Scatter plot with menus
Cheap tricks for Slovakia
Cheap tricks for interaction
Map of Slovakia II
Scatter Plot of Life Expectancy Data_YearVsLifeExpectancy
Vega-Lite API Template
Healthcare Stroke Data -Area Plot
Smiley Face Part II
Smiley Face Part I
Smiley Face Part II
Smiley Face Part I
Smiley Face Part II
Hello HTML
Bar chart
Bar chart
HarvardX, MITX 2013-2014 Users
The Low- to Moderate-Income (LMI) New York State (NYS) Census Population Analysis dataset
Shapes and Colors with SVG and CSS
Bar chart
Bar chart
World Countries Tree
Loading Data with React & D3
Blank Canvas
Hey its Mircalin
Smiley Face Part II
Loading and Parsing US birth 2000-2014 CSV Data
Loading and Parsing Kent UK police stop and search CSV Data
Loading and Parsing Free code camp Facebook activity CSV Data
Esperimenti html-css-svg
Bar chart
Hello World
Smiley Face
Hello HTML
Hello HTML
Hello HTML
Hello HTML
My visualization
Shapes and Colors with SVG and CSS
Hello VizHub
Time Line
Time Line
Shapes with SVG and CSS
Hello VizHub
Car data visualization on mpg, price and origin
Top 150 US School Data
Let's make a face with D3.js!
Shapes with SVG and CSS
HTML Cars Report
2015 Seattle House Price data
Cars Report
Cars Report
Cars Report
Smiley Face Part II
Cars Report
Clickable Cloropleth
Lets make a face with D3
Vega-Lite API Template
Vega-Lite API Template
Vega-Lite API Template
Vega-Lite API Template
Vega-Lite API Template
Vega-Lite API Template
Cheap Tricks for Interaction
Let's make a face with D3.js
Let's make a face with D3.js
Cloropleth
Cars Scatter Plot
Hello VizHub
USA Airport Geographic Info
Google Play Store Apps
Customizing Axes
2019 Index of Economic Freedom
Ramen Rating
Angry Face
Hello HTML
Chicago Employee Reimbursements
Pizza Restaurant and Its Pizza
House Price in Ames, Iowa
Goodreads book data
Loading and Parsing CSV Data for Bee Colony Census Data by State
Nwe York Airbnb
Loading and Parsing CSV Data for Bee Colony Loss Data
Cocktails (Hotaling & Co.)
Loading and Parsing CSV Data for Bee Colony Census Data by County
World Population Area Chart
Smiley Face Part II
Temp in SF Area Chart
Hey its Mircalin
Temp in SF Line Chart
Loading and Parsing CSV Data
Loading and Parsing CSV Data
[GTD]Loading and Parsing CSV Data
Loading and Parsing CSV Data
Loading and Parsing CSV Data
Loading and Parsing CSV Data
Loading and Parsing CSV Data
Smiley Face Part II
Loading and Parsing CSV Data
Shapes with SVG and CSS
Most Recent SEC Form ADV
World University Ranking
Ramen Ratings Data from Kaggle
HTML Cars Report
Suicide Rates Data from Kaggle
Loading and Parsing CSV Data
Loading and Parsing CSV Data
Loading and Parsing CSV Data
Hello HTML
Hello HTML
Loading and Parsing CSV Data
Cars Report
Temp in SF Scatter Plot
Loading and Parsing CSV Data
Lego Sets by Year from Rebrickable
Lego Sets by Year from Rebrickable
Customizing Axes
Let's make a face
Let's make a face by D3
let's make a face with D3
Shapes and Colors with SVG and CSS
Shapes and Colors with SVG and CSS
Smiley Face Part I
Hello HTML
Lets make a face with d3.js
Shapes and Colors with SVG and CSS
Hello VizHub
Hello HTML
Smiley Face Part I
Loading and Parsing CSV Data On GitHub Gist
Smiley Face Part II
Smiley Face Part II
Mouse Follower
Smiley Face Part III
Lego Sets by Year from Rebrickable
D3 Playground
Hello VizHub
Television Show Ratings
Student to Teacher Ratios
Franchise Revenues
Loading and Parsing CSV Data: College Scorecard Data
Scatter Plot with Menus
Loading and Parsing CSV Data: College Scorecard Outcomes Data
World Countries Tree
3D Scatter Plot
Let's make a face with D3.js!
Bowl of fruits LEGEND
Custermizing Axis
Lets make a map with D3.js
MIT Technicolor Campus Map
MIT Technicolor Campus Map
Auto MPG Summary
Let's make a map with D3.js!
Bowl of Fruit - Hover to Select
Customizing Axes
Bowl of Fruit - Click to Select
Cars Scatter Plot
Let's make a face with D3.js!
Cars Scatter Plot
Scatterplot - Events in Amsterdam
A Bar Chart
A Bar Chart
Loading and Parsing US Minimum Wage by State from 1968 to 2017 and 2018 Equivalent Dollars CSV Data
Loading and Parsing CSV Data
Loading and Parsing Life Expectancy CSV Data
Smiley Face Part II
Smiley Face Jackie Turner
Loading and Parsing CSV Data On GitHub Gist
Loading and Parsing CSV Data On GitHub Gist
Loading and Parsing Healthcare Dataset Stroke CSV Data
Cars Scatter Plot
Seattle Pets
Fallen Meteorites
Nuclear Explosions
Customizing Axes
world tree
Smiley face pt1
world tree
Lets make a face
Let's make a face with D3.js!
Automation and Its Impact on Jobs
Lets make a face
Massachusetts Student Attendance and Retention
Massachusetts DESE AP Performance
Massachusettts Drop Out Rates
Making a Bar Chart
Hello VizHub
Cheap MAAAAAP
Create a bar chart