Published
Edited
Dec 28, 2021
1 fork
chart = Choropleth(hale, {
id: d => d.name, // country name, e.g. Zimbabwe
value: d => d.hale + (d.name.length % 3 === 0 ? offsetPendulum * 5 : 0), // health-adjusted life expectancy
range: d3.interpolateYlGnBu,
features: countries,
featureId: d => d.properties.name, // i.e., not ISO 3166-1 numeric
borders: countrymesh,
domain: [35, 75],
projection: d3.geoEqualEarth(),
width
})
// + (d.name.length % 3 === 0 ? offsetPendulum * 10 : 0)
offsetPendulum = {
while (true) {
yield (Math.sin(Date.now() / 1000))
}
}
hale = (await FileAttachment("hale.csv").csv()).map(d => ({name: rename.get(d.country) || d.country, hale: +d.hale}))
rename = new Map([
["Antigua and Barbuda", "Antigua and Barb."],
["Bolivia (Plurinational State of)", "Bolivia"],
["Bosnia and Herzegovina", "Bosnia and Herz."],
["Brunei Darussalam", "Brunei"],
["Central African Republic", "Central African Rep."],
["Cook Islands", "Cook Is."],
["Democratic People's Republic of Korea", "North Korea"],
["Democratic Republic of the Congo", "Dem. Rep. Congo"],
["Dominican Republic", "Dominican Rep."],
["Equatorial Guinea", "Eq. Guinea"],
["Iran (Islamic Republic of)", "Iran"],
["Lao People's Democratic Republic", "Laos"],
["Marshall Islands", "Marshall Is."],
["Micronesia (Federated States of)", "Micronesia"],
["Republic of Korea", "South Korea"],
["Republic of Moldova", "Moldova"],
["Russian Federation", "Russia"],
["Saint Kitts and Nevis", "St. Kitts and Nevis"],
["Saint Vincent and the Grenadines", "St. Vin. and Gren."],
["Sao Tome and Principe", "São Tomé and Principe"],
["Solomon Islands", "Solomon Is."],
["South Sudan", "S. Sudan"],
["Swaziland", "eSwatini"],
["Syrian Arab Republic", "Syria"],
["The former Yugoslav Republic of Macedonia", "Macedonia"],
// ["Tuvalu", ?],
["United Republic of Tanzania", "Tanzania"],
["Venezuela (Bolivarian Republic of)", "Venezuela"],
["Viet Nam", "Vietnam"]
])
world = FileAttachment("countries-50m.json").json()
countries = topojson.feature(world, world.objects.countries)
countrymesh = topojson.mesh(world, world.objects.countries, (a, b) => a !== b)
import {Choropleth} from "@d3/choropleth"
import {Legend} from "@d3/color-legend"
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.
