Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Force Network

Public visualization

Viewing a saved revision (read-only)

bc979a58508048958f39bdc40db565a0

Force Network

0 stars0🌍 Public
RRaul Gomez
Last edited Feb 2, 2025
Created on Feb 2, 2025
Forked from Force Network

This force-directed network visualizes the connections between Tom Hanks, directors, and the films they collaborated on, using distinct colors to distinguish actors from directors and films. The interactive chart uses `d3.forceSimulation` with link, many-body, collide, and center forces to position the nodes, which are draggable via the `d3.drag` API. Node and link geometry updates on each simulation tick, with hover states changing the node stroke color. Data is loaded from an external JSON file.

AI-generated description

Force Network chart using D3 v6