Public
Edited
Jul 11, 2023
3 stars
viewof r = Inputs.range([0, 2], { value: 1.335 })
<svg height=204>
<g transform="translate(101,1)">
<path fill=none stroke=red d="M0,0A100,100 0,0,1 0,200"></path>
<path fill=none stroke=green d="M0,0 C${100 * r},${5 * r} ${100 * r},${200 - 5 * r} 0,200"></path>
a = 1.00005519
b = 0.55342686
c = 0.99873585
<svg height=205>
<g transform="translate(101,101)">
<path fill=none stroke=red d="M0,-100a100,100 0,0,0 0,200a100,100 0,0,0 0,-200"></path>
<path fill=none stroke=green d="
M0,${100 * a} C${100 * b},${100 * c} ${100 * c},${100 * b} ${100*a},0
C${100 * c},${-100 * b} ${100 * b},${-100 * c} 0,${-100 * a}
C${-100 * b},${-100 * c} ${-100 * c},${-100 * b} ${-100*a},0
C${-100 * c},${100 * b} ${-100 * b},${100 * c} 0,${100 * a}
"></path>
<path fill=none stroke=green stroke-width=4 d="
M0,${100 * a} C${100 * b},${100 * c} ${100 * c},${100 * b} ${100*a},0
"></path>
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.
