Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Tree Example

Public visualization

Viewing a saved revision (read-only)

41bba181e3d84e59a2d614989d681fd8

Tree Example

0 stars9🌍 Public
KkarthikRachamalli1995
Last edited Mar 29, 2023
Created on Mar 27, 2023
Forked from KR_DV_ICE_8_2

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 description

Tree map