Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE - 8 Social Network

Public visualization

ICE - 8 Social Network

0 stars0🌍 Public
PPrasanth Damarla
Last edited Apr 3, 2022
Created on Apr 3, 2022

This example shows a force-directed social network graph of people and films, with colored nodes representing different groups and links labeled by relationship types such as "Acted in" and "Directed." The visualization uses `d3.forceSimulation` with `forceLink`, `forceManyBody`, and `forceCollide` to position nodes, while nodes are rendered as SVG circles with text labels. Drag interactions are enabled via `d3.drag` to reposition nodes, and hover highlighting is applied through CSS classes. The data comes from a local JSON file with explicit source and target node references.

AI-generated description

Force Network chart using D3 v6

Comments

Sign in to join the discussion.

MIT Licensed