Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of arrow

Public visualization

Viewing a saved revision (read-only)

13e3b9a2567f4a4198b3a38bd4b4b027

Fork of arrow

0 stars0🌍 Public
DDimitri Chauvel
Last edited Oct 19, 2022
Created on Oct 19, 2022
Forked from arrow

This network diagram displays relationships between actors, directors, and films from the provided JSON data, using colors to distinguish grouped node types. Built with D3 v6, it employs `d3.forceSimulation` with link, charge, collision, and center forces to position nodes, which are rendered as SVG circles and draggable. Links are SVG lines with arrowhead markers, and the code attempts to attach relationship labels via `textpath`, though some rendering tasks remain incomplete. The visualization is centered in a 960x600 SVG canvas.

AI-generated description

Force Network chart using D3 v6

Still to be done -

  link text
  node text
  link arrow heads (currently appear behind node)