Public
Edited
Apr 1, 2023
1 fork
{
const container = d3.select(DOM.svg(500,500)).attr("style","border:1px black solid")
let circle
container.on("click",()=>{
mutable toggle = -mutable toggle
try{
circle.active = false
}catch{}
})
if(toggle == 1){
circle = new Circle(container)
circle.talk()
}
yield container.node()
}
class Circle{
constructor(element){
this.active = true
this.circle = element.append("circle")
.attr("r",50)
.attr("cx",250)
.attr("cy",250)
}
async talk(){
while(this.active){
await this.circle.transition().duration(500).attr("cx",250).end()
console.log(`I'm still here. ${Date.now()}`)
}
}
}
mutable toggle = 1
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.
