Public
Edited
Nov 25, 2022
Insert cell
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
graph = FileAttachment("graph.json").json()
Insert cell
import {ForceGraph} from "@d3/disjoint-force-directed-graph"
Insert cell
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