Public
Edited
Feb 21, 2024
seattleZipCodes = FileAttachment("zip-codes-2015.geojson").json()
vl.markGeoshape()
.data(seattleZipCodes.features)
.project(vl.projection(select))
.render()
vl.markGeoshape()
.data(seattleZipCodes.features)
.project(vl.projection(select).reflectY(true))
.encode(
vl.color().fieldO('properties.GEOID10').title('Seattle ZipCode').legend({columns: 3, symbolLimit: 50})
)
.render()
viewof select = Inputs.select(projections, {label: "Select one"})
topoJson = FileAttachment("City_Clerk_Neighborhoods.topojson").json()
vl.markGeoshape()
.data(vl.topojson(topoJson).feature('City_Clerk_Neighborhoods'))
.project(vl.projection('identity').reflectY(true))
.encode(
vl.color().fieldN('properties.S_HOOD').title('Seattle Neighborhoods').legend({columns: 3, symbolLimit: 150})
)
.width(600)
.height(600)
.render()
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.
