Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Network Visualization (ICE-8)

Public visualization

Viewing a saved revision (read-only)

415bc5828b494b8b973256bbf6fd258e

Network Visualization (ICE-8)

0 stars1🌍 Public
Ssowjanya
Last edited Nov 1, 2025
Created on Nov 1, 2025
Forked from HTML Starter

This example visualizes a family tree as an interactive network graph in SVG, using colored nodes to distinguish grandparents, parents, and children. Force-directed layout via `d3.forceSimulation` with link, charge, and center forces positions the nodes, while links represent familial relationships. Nodes are draggable, and a legend maps roles to colors. The code uses D3 v7, applies drag behavior, and renders labels directly on each node.

AI-generated description