Published
Edited
Apr 11, 2021
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
arc = d3
.arc()
.innerRadius(innerRadius)
.outerRadius(outRadius)

Insert cell
pie = d3
.pie()
.padAngle(padding)
.sort(null) // Don't want to order it by size
.endAngle(Math.PI / 2)
.startAngle((Math.PI * 3) / 2)
.value(d => d.value)
Insert cell
Insert cell
Insert cell
Insert cell
parliamentRepresentation = [
{ name: "Male youg population", value: 2.75 },
{ name: "Female youg population", value: 2.75 },
{ name: "Rest", value: 93.5 }
]
Insert cell
generalPopulation = [
{ name: "Male youg population", value: 38.7 },
{ name: "Female youg population", value: 37.9 },
{ name: "Rest", value: 23.4 }
]
Insert cell
Insert cell
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