Published
Edited
Aug 3, 2022
3 forks
2 stars
Insert cell
Insert cell
chord = d3
.chord()
.padAngle(5 / innerRadius)
.sortSubgroups(d3.descending)
Insert cell
arc = d3.arc()
.innerRadius(innerRadius)
.outerRadius(outerRadius)
Insert cell
ribbon = d3
.ribbon()
.radius(innerRadius - 1)
.padAngle(1 / innerRadius)
Insert cell
Insert cell
chords = chord(shapedData)
Insert cell
shapedData = Object.assign(
data.map((r) => Object.entries(r).map((v) => +v[1])),
{
names: regions,
colors: colorScale.domain()
}
)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
formatValue = d3.format(".1~%")
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