Public
Edited
Apr 21
import { ForceGraph } from "@d3/force-directed-graph-component"
staff_nodes.csv
Type Table, then Shift-Enter. Ctrl-space for more options.
staff_edges.csv
Type Table, then Shift-Enter. Ctrl-space for more options.
buildNetwork = (n, e) => {
return {
nodes: n,
links: e
};
}
staffnetwork=buildNetwork(staff_nodes, staff_edges)
ForceGraph(staffnetwork)
ForceGraph(staffnetwork, {
nodeId: d => d.id,
nodeGroup: d => d.weight,
nodeTitle: d => d.id,
tip: true,
width,
height: 1200,
nodeRadius: 9,
linkStrokeWidth: d => 0.2 * Math.sqrt(d.weight)
})
staffnetwork.nodes[0]
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.
