Force Directed Graph with single links
✓ Published3🌍 Public
This example shows a force-directed graph using D3.js v6, where nodes represent people and animals, linked by labeled relationships such as "owns" or "knows." The visualization uses the `d3.forceSimulation` API with a charge force, link force, and center force to position the nodes. Node images are rendered from a separate `images.json` file, and edges are drawn as paths with arrowheads and text labels along the curves. Users can drag nodes to fix their positions, and clicking a node toggles its selected state while restarting the simulation.
AI-generated descriptionA basic force directed graph to show one link between any two nodes.
MIT Licensed