Plot.cell(colors, {
x: "h",
y: "c",
fill: (d) => d,
...(sRGB.length ? { fillOpacity: (d) => d.displayable() } : {}),
inset: -1
}).plot({
color: { type: "identity" },
y: { reverse: true },
opacity: { domain: [true, false], range: [1, 0.3] },
width,
marginRight: 0,
marginTop: 0
})
colors = d3
.cross(d3.range(0, 150, 5), d3.range(0, 360, 10))
.map(([c, h]) => d3.lch(l, c, h))
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.
