Published
Edited
Jul 23, 2019
Insert cell
Insert cell
Insert cell
Insert cell
mutable currentZoom = ({k: 1, x: 0, y: 0})
Insert cell
projection = d3.geoMercator().fitSize([width*.9, height*.9], land)
Insert cell
us = d3.json("https://cdn.jsdelivr.net/npm/us-atlas@1/us/10m.json")
Insert cell
land = topojson.feature(stateJSON, Object.values(stateJSON.objects)[0])
Insert cell
stateJSON = d3.json('https://raw.githubusercontent.com/deldersveld/topojson/master/countries/us-states/MI-26-michigan-counties.json')
Insert cell
height = 600
Insert cell
topojson = require("topojson-client@3")
Insert cell
d3 = require("d3-fetch@1", "d3-dsv@1", "d3-geo@1", "d3-geo-voronoi@1", "d3-selection@1", "d3-zoom@1")
Insert cell
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