The avatar for @triptych
Andrew Wooldridge
📜JavaScript developer. 🐲RPG fan. 📚Storyteller and 🕹game developer. 👨Father and Husband.
Published
Tips and Utilities
Edited
Oct 19, 2021
1 fork
8 stars
Insert cell
Insert cell
Insert cell
viewof button = Inputs.button("Click me", {})
Insert cell
{
button,
yield Math.random()
}
Insert cell
Insert cell
Insert cell
viewof time = Inputs.button("Update", {value: null, reduce: () => new Date})
Insert cell
time
Insert cell
Insert cell
Insert cell
html`<b> I'm a random number: ${rndNum}</b>`
Insert cell
Insert cell
viewof rndButton = Inputs.button("🎲 Update the random number", {
reduce: ()=>{
mutable rndNum = Math.floor(Math.random() * 100)
}
})
Insert cell
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