Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

User-cause-graph

Public visualization

Viewing a saved revision (read-only)

fcfe7a3ff7fb47ef88dea972fd422623

User-cause-graph

0 stars1🌍 Public
FFeras Dahrooge
Last edited Feb 24, 2023
Created on Feb 24, 2023
Forked from HTML Starter

This visualization shows a network of cause nodes (such as hunger and education) connected to user nodes, with nested child users extending from each main user. The graph is built with D3’s `forceSimulation` API, applying `forceManyBody`, `forceLink`, and `forceCenter` to position nodes. Nodes are rendered as SVG circles with color-coded labels, and links are drawn as lines. The data is generated programmatically in `data.js`, which defines node sizes, distances, and connections, with interactions supporting drag-and-drop via the `drag` interaction.

AI-generated description