🌍 Public
Tree for ICE-8
This example displays a family tree for ICE-8 as a horizontal dendrogram, with nodes labeled by names and colored to indicate generational layers. It uses d3.hierarchy and d3.tree to compute the layout, while d3.linkHorizontal generates the curved connecting paths. The visualization is rendered as SVG within a React framework, with pan and zoom enabled through d3.zoom. The data is loaded from a JSON file, and text shadows and font sizing based on node depth enhance readability.
AI-generated descriptionA bare minimum HTML page demonstrating use of CSS and JavaScript.
See also React Starter.
MIT Licensed
Comments
Sign in to join the discussion.