Published
Edited
Aug 6, 2019
3 stars
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
found = defects - undiscovered
Insert cell
data = [{name: "Discovered", value: found},
{name: "Un-discovered", value: undiscovered }]

Insert cell
arc = d3.arc()
.innerRadius(0)
.outerRadius(Math.min(width, height) / 2 - 1)
Insert cell
arcLabel = {
const radius = Math.min(width, height) / 2 * 0.8;
return d3.arc().innerRadius(radius).outerRadius(radius);
}
Insert cell
color = d3.scaleOrdinal(d3.schemeCategory10);
Insert cell
pie = d3.pie()
.sort(null)
.value(d => d.value)
Insert cell
d3 = require("d3@5")
Insert cell
height = 300
Insert cell
margin = ({top: 20, right: 30, bottom: 40, left: 40})
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