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)

565b0e2618ff4db4a26331db0432b5d2

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