Public
Edited
May 19
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
function darkify(inputString) {
const color = d3.hsl(d3.color(inputString));
const luminanceBefore = color.l;
color.l = 1 - luminanceBefore;
return color.formatHex();
}
Insert cell
Insert cell
Insert cell
darkColors = colors.map(darkify)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
import {colorPicker} from "@shaunlebron/color-picker"
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