chart = ForceGraph(graph, {
nodeId: d => d.id,
nodeGroup: d => d.group,
nodeTitle: d => `${d.id}\n${d.group}`,
linkStrokeWidth: l => Math.sqrt(l.value),
width,
height:800,
invalidation // a promise to stop the simulation when the cell is re-run
})
graph = FileAttachment("SocialNetwork20220601.json").json()
import {howto} from "@d3/example-components"
import {svgBackgroundImage} from "@luciyer/svg-defs-background-image"
import {rangeSlider} from "@bumbeishvili/utils"
import {slider as slide} from "@lorenries/inputs"
import {Legend, Swatches} from "@d3/color-legend"
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.
