Published
Edited
Feb 21, 2019
Insert cell
Insert cell
options = ({
color: 'blue',
count: 10,
});
Insert cell
Insert cell
Insert cell
monochromaticByLuminance = (color, steps = 6) => {
const { h, s, l } = color.toHsl();
return _.range(10).map((index) => (
tinycolor({ h, s, l: (l + (index * (1 / steps))) % 1 })
));
};
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
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