The avatar for @helloeujin
Youjin Shin | 신유진
Data Visualization Specialist | Previously @WashingtonPost @WallStreetJournal @MITSenseableCity
Public
D3.js
Edited
Feb 17, 2023
1
D3.js
Train schedule from Seoul to BusanResources for future well-beingAverage temperature anomaly, GlobalGrid CartogramAging population
Annual working hours vs. GDP per capita
Directors and stars constellation
Insert cell
Insert cell
Insert cell
Insert cell
data.get('South Korea')
Insert cell
yScale = d3.scaleLinear()
.domain(annual_workinghours_ext)
.range([height - margin.bottom, margin.top])
Insert cell
Insert cell
Insert cell
xScale = d3.scaleLinear()
.domain(gdp_percapita_ext)
.range([margin.left, width - margin.right])
Insert cell
data = d3.group(raw_data, d => d.country)
Insert cell
countries = [... new Set(raw_data.map(d => d.country))]
Insert cell
annual_workinghours_ext = d3.extent(raw_data, d => d.annual_workinghours)
Insert cell
gdp_percapita_ext = d3.extent(raw_data, d => d.gdp_percapita)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Learn more