Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Untitled

Public visualization

Viewing a saved revision (read-only)

7084f812ee954521948126e4b375e91a

Untitled

0 stars0🌍 Public
Aarun-subba
Last edited Aug 31, 2020
Created on Aug 31, 2020
Forked from 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 description

A bare minimum HTML page.

See also React Starter.