Published
Edited
Aug 16, 2022
Insert cell
Insert cell
Insert cell
{
const s = 4
let line = h.shape(s,0.5,0.001).scale(0.005,0.5,0.5)
const r = () => Math.cos(h.time*0.05)*0.2*Math.PI
const x = () => Math.tan(h.time)*0.01*Math.PI
h.solid().add(line,0.7).scale(0.7).rotate(Math.PI*h.time).modulateRotate(h.o0,0.2,0.3).rotate(r).out(h.o1)
h.solid().add(line,0.7).scale(0.5).rotate(Math.E*h.time).modulateRotate(h.o0,0.2,0.3).rotate(r).out(h.o2)
h.src(h.o0).blend(h.o1).blend(h.noise(x).scale(x)).blend(h.o2).modulate(h.o2).brightness( ()=>Math.sin(h.time*0.4)*0.15+0.1 ).out()
}
Insert cell
Insert cell
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