Public
Edited
Jan 23, 2023
Insert cell
import {ForceGraph} from "@d3/disjoint-force-directed-graph"
FileAttachment("graph.json").json()
let graph = [{

}];


chart = ForceGraph(graph, {
nodeId: d => d.id,
nodeGroup: d => d.group,
nodeTitle: d => `${d.id} (${d.group})`,
width,
height: 680,
invalidation // a promise to stop the simulation when the cell is re-run
})
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