viewof select = Inputs.select(
["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M",
"N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z"],
{label: "Select a letter"}
)
selectedValue = select
Plot.plot({
projection: "albers-usa",
marks: [
Plot.geo(countymesh, {strokeWidth: 0.1}),
Plot.geo(statemesh, {strokeWidth: 0.5}),
Plot.dot(
counties,
Plot.centroid({
filter: (d) => d.properties.name.match(new RegExp(`^${selectedValue}`)),
fill: "red",
tip: true
//,stroke: "red"
})
)
]
})
us = FileAttachment("us-counties-10m.json").json()
counties = topojson.feature(us, us.objects.counties).features
countymesh = topojson.mesh(us, us.objects.counties)
statemesh = topojson.mesh(us, us.objects.states)
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.
