Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Family Network graph

Public visualization

Viewing a saved revision (read-only)

3308966429d7403e96457e77c31de825

Family Network graph

0 stars0🌍 Public
DDINESH SAI BOPPANA
Last edited Jul 9, 2022
Created on Jul 9, 2022
Forked from Network graph

This example visualizes a family network as a force-directed graph, with eight named nodes connected by weighted links that represent relationships. The code uses D3 v4’s `d3.layout.force` to compute node positions and render the structure as an SVG, drawing red links with stroke widths proportional to each link’s `weight` value. Node labels appear in orange text with blue circles, and interactive dragging is enabled via `force.drag`. Data is loaded from an external `data.json` file, which defines the nodes and their connection weights.

AI-generated description