{
let doodle = cssdoodle`
:doodle {
@grid: ${grid} / 600px;
@max-size: calc(${width} * 1px);
gap: 1px;
}
box-shadow: @m20(
inset @ms2.@r(±3px) 0
calc(@n * 1px)
@pn(#fff, #000)
);
`;
doodle.addEventListener('click', e => doodle.update());
return doodle;
}
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.
