In New Zealand being kid of human.
We might make mistakes but we will make other things too. -
Michael Joseph Savage
viewof SVG = {
now;
const svg = d3.create('svg')
.attr("width", W)
.attr("height", W)
const main = svg.append("g").attr('id','main')
for(let j=0; j<1; j+=.02) {
let x=Math.cos((j+t[0])*TAU)*Math.tan(t[0])*H/10
let y=Math.sin((j-t[0])*TAU)*Math.tan(t[0])*H/10
let circles = main.selectAll("circle")
main.append("circle")
.attr('transform',`translate(${H} ${H}) rotate(.01) `)
.attr('fill','none')
.attr("cx", x)
.attr("cy", y)
.attr("r", 0.5*H*Math.abs(Math.sin(t))*Math.sin(j))
.attr('stroke-opacity',0.5)
.attr('stroke','#000')
.attr('stroke-width',2)
t[0]+=0.000075 // WAS 2e-5
}
return svg.node()
}
t = [0.5] // work around for observable due to mutating and I just was a let var and not a constant.
TAU = Math.PI*2
W = 720
H = W/2
d3 = require('d3')
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.
