Published
Edited
Apr 14, 2021
2 stars
Insert cell
md`# Sequential Arc Line Generator`
Insert cell
Insert cell
Insert cell
viewof nbCircles = slider({
min: 2,
max: 6,
step: 1,
value: 3,
title: "number of circles"
})
Insert cell
Insert cell
arc = d3.arc()
.innerRadius(radius)
.outerRadius(radius)
.startAngle(d => d%2 === 0 ? angle + Math.PI /2 : 0-(Math.PI /2-angle) )
.endAngle(d => d%2 === 0 ? -angle + 2.5 * Math.PI : -angle + 1.5 * Math.PI )
Insert cell
md`# Utils`
Insert cell
import {select, slider} from "@jashkenas/inputs"
Insert cell
d3 = require("d3@6")
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