Viewing a saved revision (read-only)
7084f812ee954521948126e4b375e91a
Untitled
This interactive zoombox visualization displays a hierarchical partition of biodiversity data loaded from a JSON file, breaking down the tree of life from “Life” down to individual butterfly species. The visualization uses `d3.layout.partition` to compute the rectangular layout, with `d3.scale.linear` for positioning and `d3.scale.category20c` for coloring nodes. Clicking a rectangle triggers a smooth transition using `rect.transition()`, which animates the x and y scales to zoom into that node’s domain, revealing deeper taxonomic levels. The SVG rendering is styled with white strokes between rectangles to distinguish partitions.
AI-generated descriptionA bare minimum HTML page.
See also React Starter.