The avatar for @temperature-population-gdp
Temperature Population GDP
Public
Edited
Apr 22, 2024
1 fork
3
Insert cell
Insert cell
Insert cell
final
Type Table, then Shift-Enter. Ctrl-space for more options.

Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
world = FileAttachment("world.json").json()
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
accessor = new Map([
[
"population",
{
col: "#4a90e2",
col2: "#ff6b6b",
max: d3.max(final.map((d) => +d.population)),
title: "Population"
}
],
[
"gdp",
{
col: "#f5a623",
col2: "#7ed321",
max: d3.max(final.map((d) => +d.gdp)),
title: "GDP - USD"
}
],
[
"gdppercapitappp",
{
col: "#50e3c2",
col2: "#b8a9c9",
max: d3.max(final.map((d) => +d.gdppercapitappp)),
title: "GDP per Capita - USD"
}
],
[
"populationgrowth",
{
col: "#008080",
col2: " #FFA07A",
max: d3.max(final.map((d) => +d.populationgrowth)),
title: "Population Growth %"
}
],
[
"gdpgrowth",
{
col: " #8E4585",
col2: "#FFD700",
max: d3.max(final.map((d) => +d.gdpgrowth)),
title: "GDP growth %"
}
]
])
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
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