Minghua Sun

datavizstudio

My First Notebook

Basic Javascript Concepts for Data

Week1 Assignment

Bar Chart vs. Histogram

Dataviz Types and Their Functions

Week2 Assignment - MA municipalities

Isotype / Pictogram Demo

Week3 Assignment - Person Isotype Matrix

Colors, Labels and Interactivity

Map Data - Vector Layer

Data Maps

Add Data Properties to GeoJSON

Web Audio Sonification

Mapping Data To Tone.js

Data Sonification Multi Dimension

Time-Series Data Sonification

[Fall 2025] The Art of Data Visualization 

Let's create a scatter plot of co2 emission (y) vs gdp (x) of 217 nations, colored by life expectancy (quantitative).

Let's create a scatter plot of life expectancy (y) vs gdp (x) of 217 nations, colored by region (qualitative).

Let's create a scatter plot of life expectancy (y) vs gdp (x) of 217 nations, colored by co2 (quantitative).

Reference: Week2 assignment - log scale

See the Plot example --> https://observablehq.com/@observablehq/plot-wealth-health-nations on how to use a "lastDefined" reducer and groupZ transform to handle missing data and to smooth out the animation.

worldbank2010.csv

worldbank2010

cars