Skip to main content
100%

ICE8-Social Network Graph Diagram

✓ Published0🌍 Public
Aaiswaryapalla
Last edited Mar 29, 2023
Created on Mar 29, 2023
Forked from D3 Starter

This example shows a small social network of six people connected by seven directed relationships, rendered as an interactive node-link diagram. The visualization uses D3’s `d3.forceSimulation` with `forceLink`, `forceManyBody`, `forceCollide`, and `forceCenter` to position nodes, while SVG circles and lines represent people and connections. Users can drag nodes via `d3.drag` to reposition them, and hovering triggers the “nodeHover” CSS class to highlight a node. The code loads its data from a local `data.json` file, applies a single turquoise fill color to all nodes, and displays each person’s name as a text label.

AI-generated description

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

See also React Starter.

MIT Licensed

Similar vizzes