Public
Edited
Jan 31, 2024
Insert cell
Insert cell
Insert cell
chart = Choropleth([{}], {
id: d => d.id,
value: d => d.rate,
scale: d3.scaleThreshold,
domain: d3.ticks(2, 10, 5),
range: d3.schemePurples[6],
title: "yo",
features: gen_gemeindeundauszaehlkreise_seen_epsg4326.features,
width: 975,
height: 610
})
Insert cell
Insert cell
unemployment = (await FileAttachment("unemployment-x.csv").csv()).map(d => ({...d, rate: +d.rate}))
Insert cell
Insert cell
import {howto} from "@d3/example-components"
Insert cell
import {us, counties, statemap, statemesh, Choropleth, Legend} from "@d3/choropleth"
Insert cell
gen_gemeindeundauszaehlkreise_seen_epsg4326 = FileAttachment("GEN_GEMEINDEundAUSZAEHLKREISE_SEEN_epsg4326.json").json()
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