Published
Edited
Oct 16, 2021
Insert cell
Insert cell
Insert cell
genUV = bqn`{⌽¨(¯1+𝕩)÷˜(𝕩⊸-≍⌜⊢)↕𝕩}`
Insert cell
n = 256
Insert cell
html`<div style="width: ${n}px; height: ${n}px; text-align: center;display: grid; grid-template-columns: repeat(${n}, 1fr);">${genUV(
n
).map(
([x, y]) =>
`<span style="background: rgb(${x * 255}, ${y * 255}, 255)"></span>`
)}`
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