isobands = [
...d3
.tricontour()
.thresholds(50)
.isobands(data)
].filter((d, i) => i % 2)
data = d3.json(
"https://gist.githack.com/jackielii/d3523c9116e5d3b45ec3d8aa76fb1f57/raw/b3ae952445cdac9186aef42ad0b581e9142a078d/ca55.json"
)
scales = ({
x: d3.scaleLinear().range(d3.extent(data, d => d[0])),
y: d3.scaleLinear().range(d3.extent(data, d => d[1])),
color: d3
.scaleSequential(d3.interpolateCividis)
.domain(d3.extent(data, d => d[2]))
})
d3 = require("d3@7", "d3-tricontour@1")
import {checkbox} from "@jashkenas/inputs"
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.
