Public
Edited
Mar 16, 2023
11 stars
Insert cell
Insert cell
Insert cell
points = d3.json(
"https://gist.githubusercontent.com/Fil/6bc12c535edc3602813a6ef2d1c73891/raw/3ae88bf307e740ddc020303ea95d7d2ecdec0d19/points.json"
)
Insert cell
contour = d3.geoContour().thresholds(500)
Insert cell
contours = ({
type: "FeatureCollection",
features: [{ type: "Sphere", value: -50 }, ...contour(points)]
})
Insert cell
color = d3.scaleSequential(d3.interpolateRdBu).domain([40, -20])
Insert cell
projection = d3
.geoBertin1953()
.fitExtent([[0, 0], [width, height]], { type: "Sphere" })
Insert cell
import { land } from "@visionscarto/geo"
Insert cell
Insert cell
d3 = require("d3@7", "d3-geo-voronoi@2", "d3-geo-projection@4")
Insert cell
height = ((width * 2) / 3) | 0
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