Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Project - Network Graph

Public visualization

Viewing a saved revision (read-only)

0796af849e71461e8dea1f73bb0c15ee

Project - Network Graph

0 stars0🌍 Public
Aav.dj.2000@gmail.com
Last edited Apr 30, 2023
Created on Apr 30, 2023

This network graph visualizes friendships among eight individuals, using white nodes with labels and directional links with markers. It leverages D3 v6’s `forceSimulation` with `forceLink`, `forceManyBody`, `forceCollide`, and `forceCenter` to position nodes, while drag interactions allow manual rearrangement. The SVG is rendered in React, with data loaded from `data.json`, and hover highlighting is applied via the `focusNode` and `blurNode` functions.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.