Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Untitled

Public visualization

Viewing a saved revision (read-only)

60a899e74e4d40b09454a0f751ddf26e

Untitled

0 stars0🌍 Public
BBajiSharifPatan@my.unt.edu
Last edited Apr 3, 2022
Created on Apr 3, 2022
Forked from Untitled

This interactive family tree diagram visualizes the Wilson family hierarchy using a D3.js v7 tree layout rendered as SVG. Nodes are represented by circles whose size corresponds to a numeric value, while stroke and fill colors encode the type and level properties from the bundled data.json hierarchy. Curved links connect parent and child nodes using bezier paths, with link colors derived from each node’s level attribute. The code uses `d3.hierarchy` and `d3.tree()` to compute positions, and custom styling via inline styles and CSS classes.

AI-generated description

Family diagram of wilsons