The avatar for @gena
gena
Published
Edited
Jun 25, 2019
Insert cell
md`# Show Feature Collection`
Insert cell
map = html`<svg width="${width}" height="${height}" viewBox="0 0 ${width} ${height}" style="display:block;width:100%;height:auto;">
<path d="${path(features)}" fill="none" stroke="black"></path>
</svg>`
Insert cell
Insert cell
path(features)
Insert cell
projection = d3.geoIdentity()
.reflectY(true)
.fitHeight(height, features)
Insert cell
path = d3.geoPath(projection)
Insert cell
width = 300
Insert cell
height = 30
Insert cell
d3 = require("d3-geo")
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