viewof searched_counties = Search(await d3.csv(counties_csv))
viewof selected_counties = Table(searched_counties)
path = d3.geoPath(projection)
projection = d3
.geoIdentity()
.reflectY(true)
.fitWidth(width, data)
data = {
if (selected_counties.length == 1) {
return (await (await fetch(
`https://us-counties.datasette.io/counties.json?sql=select+AsGeoJSON(geometry)+as+g+from+counties+where+id+%3D+:id&_shape=arrayfirst&_json=g&id=${selected_counties[0].id}`
)).json())[0];
} else {
return null;
}
}
height = Math.ceil(path.bounds(data)[1][1])
max_to_show = 5
counties_csv = 'https://us-counties.datasette.io/counties/counties.csv?_stream=on&_size=max'
d3 = require("d3")
import { Search, Table } from "@observablehq/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.
