Published
Edited
Feb 26, 2021
Fork of Untitled
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
vl.markPoint({filled: true})
.data(data2000)
.encode(
vl.x().fieldQ("fertility").title("Fertility").axis({tickCount: 100}),
vl.y().fieldQ("life_expect").title("Life Expectancy"),
vl.size().fieldQ("pop").scale({range: [200, 3000]}).title("Population").legend({tickCount: 3}),
vl.color().fieldN("cluster")
)
.render()
Insert cell
vl.markPoint({filled: true})
.data(data2000)
.encode(
vl.x().fieldQ("fertility").title("Fertility").axis({values: [1, 7]}),
vl.y().fieldQ("life_expect").title("Life Expectancy"),
vl.size().fieldQ("pop").scale({range: [200, 3000]}).title("Population").legend({tickCount: 3}),
vl.color().fieldN("cluster")
)
.render()
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