Published
Edited
Jun 3, 2020
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
selectedCities = cityList.filter(d => cities.includes(d.name))
Insert cell
viewof cities = checkbox({
title: "Cities to add to the map",
options: cityList.map(d => d.name).sort(),
value: [
"City of Industry",
"Vernon",
"Los Angeles",
"Hawaiian Gardens"
]
})
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
la_county_outline = topojson.feature(la_county, la_county.objects.lacounty)
Insert cell
ca_cities = FileAttachment("california_3_cities.geojson").json()
Insert cell
ca_topo = FileAttachment("ca-counties-topo@1.json").json()
Insert cell
la_county = FileAttachment("lacountytopo@2.json").json()
Insert cell
roads = await d3.json('https://gist.githubusercontent.com/rdmurphy/8905c3180c949d9342ec3af90fd60fef/raw/433135846fbd6e1db4dd3d5b246f4fa20905d07b/la-county-roads.json')
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell

One platform to build and deploy the best data apps

Experiment and prototype by building visualizations in live JavaScript notebooks. Collaborate with your team and decide which concepts to build out.
Use Observable Framework to build data apps locally. Use data loaders to build in any language or library, including Python, SQL, and R.
Seamlessly deploy to Observable. Test before you ship, use automatic deploy-on-commit, and ensure your projects are always up-to-date.
Learn more