Public
Edited
Nov 29, 2022
1 fork
5 stars
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
projection = d3.geoMercator().fitSize([mapwidth, mapheight], texasGeo)
Insert cell
path = d3.geoPath(projection)
Insert cell
scale = d3.geoScaleBar()
.projection(projection)
.size([mapwidth, mapheight])
.left(0.1)
.top(0.85);
Insert cell
mapwidth = Math.min(width, 640)
Insert cell
mapheight = mapwidth * 0.95
Insert cell
texasGeo = (await FileAttachment("txOutlineGeo.json").json()).features[0]
Insert cell
d3 = require("d3-geo@3", "d3-selection@3", "d3-geo-scale-bar@1.2")
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