Notebooks 2.0 is here.

Published
Edited
Mar 3, 2022
1 star
Insert cell

# Donut Chart
Insert cell
import {population, DonutChart} from "@d3/donut-chart"
Insert cell
chart = DonutChart(population, {
name: d => d.name,
value: d => d.value,
width,
height: 500
})
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