Owner of Hammies, former Jupyter core developer and co-lead of Jupyter Notebook and JupyterLab teams
progress = async max => {
const element = html`<progress value=0 width=${width}>`
let count = 0
const counter = setInterval(() => {
if (count === max) {
return clearInterval(count)
}
++count
element.value = count/max
element.dispatchEvent(new CustomEvent('input'))
}, 300)
return element
}
viewof x = progress(10)
// {
// viewof x.value = 0
// viewof x.dispatchEvent(new CustomEvent('input'))
// }
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.
