Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Force Directed Graph with markers and selectable links

Public visualization

Force Directed Graph with markers and selectable links

1 star2๐ŸŒ Public
Ddreamofgerontius
Last edited Mar 15, 2021
Created on Mar 10, 2021

This example demonstrates a force-directed graph where multiple links between the same pair of nodes are visually distinguished using colored strokes and arrowhead markers indicating direction. The graph uses `d3.forceSimulation` to position nodes and `d3.forceLink` to manage connections, with selectable links rendered as SVG paths that trigger click events. Node data and link descriptions come from JSON files, and labels are positioned along curved edge paths using `textPath` elements.

AI-generated description

A basic force directed graph to highlight multiple links between any two nodes. The links are selectable and show path markers in the direction of the target node

Comments

Sign in to join the discussion.

MIT Licensed