Published
Edited
Apr 5, 2020
Insert cell
Insert cell
{
let doodle = cssdoodle`
:doodle {
@grid: 24 / 600px;
@max-size: calc(${width} * 1px);
}
background: @p(orange, red, green);
transform: scale(@r(.2, .6));
@random(.3) {
transform: scale(1);
}
`;
doodle.addEventListener('click', e => doodle.update());
return doodle;
}
Insert cell
cssdoodle = require('css-doodle@0.8.5');
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