Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Family Tree

Public visualization

Family Tree

0 stars0🌍 Public
SSRI RAM REDDY KOTERU
Last edited Apr 4, 2022
Created on Apr 4, 2022

This interactive family tree visualization displays a hierarchical dataset of names, with each node colored according to its position and labeled with a person's name. The tree uses a left-to-right layout, where the depth of each node is reflected in the font size, making generational levels visually distinct. The visualization is built with D3 v5, employing the `tree`, `hierarchy`, and `linkHorizontal` APIs to compute the layout and draw connecting paths. All elements are rendered as SVG, with node labels and colors driven directly from the `data.json` file, and the entire graphic supports zooming via D3's `zoom` event.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed