Published unlisted
Edited
Oct 30, 2020
1 star
viewof number_of_iterations = {
containerLoaded; // will rerun cell once the container is loaded
return Scrubber(numbers, {loopDelay: 1000, delay: 500})
}
mutable containerLoaded = false;
max_step = {
if (width > breakpoint) {
return 13
}
else {
return 11
}
}
radius = {
if (width > breakpoint) {
return 1.5
}
else {
return 2.25
}
}
padding = {
if (width > breakpoint) {
return 0.2
}
else {
return 1.5
}
}
// import {radio, slider, color} from "@jashkenas/inputs"
// viewof max_step = slider({
// min: 1,
// max: 15,
// step: 1,
// value: 14,
// title: "Maximum Number of Steps",
// })
// viewof radius = slider({
// min: 1,
// max: 6,
// step: 0.5,
// value: 1.0,
// title: "Circle Radius",
// })
// viewof padding = slider({
// min: 0.1,
// max: 2,
// step: 0.1,
// value: 0.1,
// title: "Circle Padding",
// })
// viewof fillColor = color({
// value: "#b818cd",
// title: "Fill Color",
// })
// viewof baseColor = color({
// value: "#e0e0e0",
// title: "Base Color",
// })
html`<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;500&display=swap" rel="stylesheet">`
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.
