Public
Edited
Mar 3, 2024
Insert cell
Insert cell
Insert cell
countries
Type Table, then Shift-Enter. Ctrl-space for more options.

Insert cell
countries_europe
Insert cell
Plot.plot({
marginLeft: 100,
marks: [
Plot.dot(countries, {
x: "age_median",
y: "area",
r: "population_20",
fill: "region",
fillOpacity: 0.5,
stroke: "black",
tip: true,
channels: {
country: "country"
}
})
]
})
Insert cell
Plot.plot({
marginLeft: 100,
marks: [
Plot.dot(countries, {
x: "fert_rate",
y: "area",
r: "population_20",
fill: "region",
fillOpacity: 0.5,
stroke: "black",
tip: true,
channels: {
country: "country"
}
})
]
})

Insert cell
Plot.plot({
marginLeft: 100,
marginTop: 50,
x: {
domain: [1.2, 2]
},
y: {
type: "log"
},
marks: [
Plot.dot(countries_europe, {
x: "fert_rate",
y: "area",
r: "population_20",
// fill: "region",
fill: "country",
fillOpacity: 0.8,
stroke: "black",
tip: true,
channels: {
country: "country"
}
})
]
})
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