Public
Edited
Aug 30, 2024
Insert cell
Insert cell
Insert cell
observable10 = [
"#4269d0", // blue
"#efb118", // orange
"#ff725c", // red
"#6cc5b0", // cyan
"#3ca951", // green
"#ff8ab7", // pink
"#a463f2", // purple
"#97bbf5", // light blue
"#9c6b4e", // brown
"#9498a0" // gray
]
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
observable10Light = observable10.map(c => d3.lab(d3.color(c)).brighter(0.7).rgb().formatHex())
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