Public
Edited
Mar 12
3 stars
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
colors = [
["#114414", "#1D7022", "#64B000"],
["#FF4411", "#FF711F", "#FFCD2A"],
["#02589A", "#0A82C8", "#0DAFF7"],
["#533AC2", "#95B5FC", "#95B5FC"],
["#72787B", "#BEC5C9", "#E8EAEB"],
]
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
html`${colors[0].map(d => html`<div style="background-color: ${d}; width=50px">${d}</div>` )}`
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