Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Project - Network Graph

Public visualization

Viewing a saved revision (read-only)

65ce7d9ae3ba45cdbfb7d3454efe30be

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.