event
Plot.plot({
axis: null,
margin: 20,
marginRight: 120,
width: 1152,
height: 400,
marks: [
Plot.tree(withPath.slice(0, 6), {
path: "path",
delimiter: "###",
label: null
})
]
})
ForceGraph(dataWithNodes, {
nodeId: (d) => d.key, // node identifier, to match links
nodeGroup: (d) => d.group, // group identifier, for color
nodeTitle: (d) => d.label, // hover text
nodeStrength: -2,
width,
height: 820,
invalidation, // stop when the cell is re-run
extentForce: "forceBoundary"
})
import {Pack} from "@d3/pack"
import {ForceGraph} from "@d3/force-directed-graph"
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.
