Public
Edited
Sep 14, 2022
1 fork
2 stars
color = withInvert(d3.scaleSequential(d3.interpolateRainbow).domain([100, 200]))
import { distance } from "@severo/color-distance"
withInvert = (color) => {
color.invert = (c) => {
c = d3.color(c);
return d3.least(color.ticks(256), (d) => distance(c, color(d)));
};
return color;
}
color.invert(color(150))
color.invert(color(50))
viewof c = Inputs.color({value: "#c0ffee"})
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.
