🌍 Public
Viewing a saved revision (read-only)
41bba181e3d84e59a2d614989d681fd8
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