Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE 8: Family Tree

Public visualization

ICE 8: Family Tree

0 stars0🌍 Public
PPlatoch
Last edited Apr 5, 2022
Created on Apr 5, 2022

This visualization displays a family tree as a vertical dendrogram, using a JSON hierarchy rooted at "Paul" with color-coded nodes—black for the root, red for his children, and blue for grandchildren. Built with D3 v5, the code applies the `tree` layout and `hierarchy` function to position nodes, while `linkVertical` generates the connecting paths. Node labels are rendered as SVG text elements, with styling controlled by external CSS, and the entire graphic scales to the full browser viewport.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed