🌍 Public
Viewing a saved revision (read-only)
c5d3a54b729d4a44b29db9d455c752ec
Tree Example
This interactive tree diagram visualizes the lineage of Rosa canina and Hydrangea plant species, with branching nodes showing parent-child relationships across generations. Built with D3.js, the visualization uses the `d3.layout.tree` API to compute node positions and animated transitions to expand the hierarchy. Each node appears as a colored circle with a text label, while links connect parent and child species. The data structure contains nested JSON objects representing family relationships, with distinct colors (blue, red, green) differentiating taxonomic levels. The SVG rendering includes smooth 1000ms transitions as nodes move into their computed positions.
AI-generated descriptionTree map