d3 = require("d3-hierarchy@7")
hierarchy = d3
.stratify()
.id(d => d.name)
.parentId(d => d.parent)(data)
function hierarchyToJson(root) {
const obj = { name: root.id };
if (root.children) obj.children = root.children.map(hierarchyToJson);
if (root.data && root.data.value) obj.value = root.data.value;
return obj;
}
json = hierarchyToJson(hierarchy)
import { chart } with { json as data } from "@d3/zoomable-sunburst@353"
chart
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.
