Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of ICE 8 Family Tree

Public visualization

Fork of ICE 8 Family Tree

0 stars0🌍 Public
Mmanvithareddykarra
Last edited Apr 3, 2022
Created on Apr 3, 2022
Forked from ICE 8 Family Tree

This visualization shows a family tree rendered as a horizontal dendrogram, with each individual displayed as a colored label connected by black links. The tree's structure is derived from a hierarchical JSON data file, and the node fill colors are specified within the data itself, distinguishing generations. Built with React and D3 v5, the code uses `tree()` and `hierarchy()` to compute the layout, `linkHorizontal()` to generate the connecting paths, and a `zoom()` interaction for panning and scaling. Text elements are styled with a Playfair Display font and a white text-shadow on an SVG canvas.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed