The avatar for @hellonearthis
Brett Cooper
In New Zealand being kid of human. We might make mistakes but we will make other things too. - Michael Joseph Savage
Published unlisted
Edited
Feb 18, 2022
Fork of Birmingham Ward Map with javascript Action on Selection
3
Insert cell
# Selectable Birmingham Wards
Insert cell
vl.markGeoshape({"strokeWidth": "2", "stroke": "White",})
.data(bhamGeoFeaturesWithURL)
.transform({ "calculate": "datum.url", "as": "url" })
.encode(
vl.tooltip({"field": "properties.WD21NM"}),
vl.href({"field": "url", "type": "nominal"})
)
.width(500)
.height(500)
.render()
Insert cell
Insert cell
ukGeoFeatures = FileAttachment("Wards_(December_2021)_UK_BSC.geojson").json()
Insert cell
Insert cell
bhamWardToLAs = wardToLAsWorkbook.sheet(0, { headers: true }).filter(d => d.LAD21NM === 'Birmingham')
Insert cell
Insert cell
Insert cell
Insert cell
urls = FileAttachment("MOCK_DATA.csv").csv()
Insert cell
bhamGeoFeaturesWithURL = _.merge(bhamGeoFeatures,urls)
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