Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE-8 Social Network

Public visualization

Viewing a saved revision (read-only)

48e13c9f7783461ba722045a96ff66ec

ICE-8 Social Network

0 stars0🌍 Public
SSanjib Paudel
Last edited Apr 9, 2023
Created on Apr 9, 2023
Forked from ICE-8 Family Tree

The ICE-8 Social Network example renders a force-directed graph of social connections using React and D3 v7. It loads JSON data from a remote gist and displays nodes as orange circles with maroon links, labeled with names. The layout uses `d3.forceSimulation` with `forceLink`, `forceCenter`, and `forceCollide` to position elements, updating SVG attributes via a `ticked` function. The React `useEffect` hook manages data fetching and D3 rendering.

AI-generated description

React Starter code.