Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Family Tree of plants

Public visualization

Viewing a saved revision (read-only)

1461e2140e1c45e7808137a0bd7547c4

Fork of Family Tree of plants

0 stars1🌍 Public
NNikhilchiguru-8
Last edited Mar 30, 2023
Created on Mar 30, 2023

This visualization arranges plant taxonomy into an interactive, animated tree diagram, using colored, rounded rectangles to represent different classification levels from “plants” down to specific groups like “tulips” and “flowers.” Built with D3.js v3, the layout is computed via `d3.layout.tree`, while SVG elements are manipulated with `d3.select` and standard zoom/pan behaviors. Node colors are assigned by type, and tooltips plus click-to-collapse interactions are included; the diagram loads hierarchical JSON data containing names, links, and direction attributes, with rendering handled primarily through SVG groups, foreignObject for text, and CSS-defined arrow and link styling.

AI-generated description