Published unlisted
Edited
Oct 15, 2021
graphic = html`
<div style="width: 100%;">
${baseSvg}
</div>
`
//viewof layers = slider({
// min: 1,
// max: 12,
// step: 1,
// value: 2,
// description: "layers in the stack"
//})
//viewof rings = slider({
// min: 0,
// max: 256,
// step: 1,
// value: 32,
// description: "concentric rings of hexagons in the base layer"
//})
//viewof strokeWidth = slider({
// min: 0,
// max: 8,
// step: .1,
// value:4,
// description: "stroke-width"
//})
//viewof taperingIntricacyFactor = slider({
// min: 6/12,
// max: 1,
// value: 10/12,
// step: 1/12,
// description: "tapering intricacy factor"
//})
//function animate(frame, limit) {
// replay;
// if (frame <= limit) {
// viewof θ.value = frame/8;
// viewof θ.dispatchEvent(new CustomEvent("input"));
// }
//}
//frame = {
// let i = 0;
// let limit = 480;
//while (true) {
// animate(i, limit)
// yield Promises.delay((1000/60), ++i);
// }
//}
//width = 600;
// width = 1084;
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.
