Public
Edited
Jan 29, 2024
Insert cell
Insert cell
Insert cell
Insert cell
chart
Insert cell
import {chart}
with {data as data} from "@d3/zoomable-sunburst"
Insert cell
data = ({
name: "Historical Members",
children:
Array.from(
d3.rollup(membersWithGenderDataMemberdatasetCsv, v => v.length, d => d.gender, d => d.house, d => d.name),
([name, children]) => ({name, children: Array.from(children, ([name, children]) => ({name, children: Array.from(children, ([name, value]) => ({name, value}) )}))}))
});
Insert cell
Members with gender data - memberDataset.csv.csv
Type Table, then Shift-Enter. Ctrl-space for more options.

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