seattleZipCodes = FileAttachment("zip-codes-2015.geojson").json()
vl.markGeoshape()
.data(seattleZipCodes.features)
.render();
vl.markGeoshape()
.data(seattleZipCodes.features)
.project(vl.projection('mercator'))
.render();
viewof selectZipCodeProj = Inputs.select(projections, {label: "Projection:"})
vl.markGeoshape()
.data(seattleZipCodes.features)
.project(vl.projection(selectZipCodeProj))
.render();
// select the identity projection
vl.markGeoshape()
.data(seattleZipCodes.features)
.project(vl.projection('identity').reflectY(true))
.render();
// Now color-code region by zip code
vl.markGeoshape()
.data(seattleZipCodes.features)
.project(vl.projection('identity').reflectY(true))
.encode(
vl.color().fieldO('properties.GEOID10')
)
.render();
// Customize legend
vl.markGeoshape()
.data(seattleZipCodes.features)
.project(vl.projection('identity').reflectY(true))
.encode(
vl.color().fieldO('properties.GEOID10')
.legend({columns: 3, symbolLimit: 50})
.title("Seattle Zip Codes")
)
.render();
seattleNeighborhoodsTopojson = FileAttachment("City_Clerk_Neighborhoods.topojson").json()
vl.markGeoshape()
.data(vl.topojson(seattleNeighborhoodsTopojson).feature('City_Clerk_Neighborhoods'))
.project(vl.projection('identity').reflectY(true))
.render()
vl.markGeoshape()
.data(vl.topojson(seattleNeighborhoodsTopojson).feature('City_Clerk_Neighborhoods'))
.project(vl.projection('identity').reflectY(true))
.encode(
vl.color().fieldN('properties.S_HOOD')
)
.width(500).height(500)
.render()
seattleCensusTracts2020 = FileAttachment("Census_2020_Tracts_with_PL_94-171_Redistricting__Data_for_1990-2020.topojson").json()
projections = ['naturalEarth1',
'albers',
'azimuthalEqualArea',
'azimuthalEquidistant',
'conicConformal',
'conicEqualArea',
'conicEquidistant',
'equirectangular',
'identity',
'gnomonic',
'mercator',
'orthographic',
'stereographic',
'transverseMercator']
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.
