data_arr = d3.csvParse(await FileAttachment("rent2020@1.csv").text(), ({fips2010, bedrooms, rent}) => ({ fips2010, bedrooms: +bedrooms, rent: +rent })).filter((d) => d.bedrooms == bedrooms)
data = Object.assign(new Map(data_arr.map(({fips2010, rent}) => [fips2010, rent])), {title: "Median Rent"})
color = d3.scaleSequential(d3.extent(Array.from(data.values())), d3.interpolateBlues)
path = d3.geoPath()
format = d => `$${d}`
states = new Map(us.objects.states.geometries.map(d => [d.id, d.properties]))
us = FileAttachment("counties-albers-10m.json").json()
topojson = require("topojson-client@3")
d3 = require("d3@5")
import {legend} from "@d3/color-legend"
import {radio} from "@jashkenas/inputs"
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.
