Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fish Family Species

Public visualization

Viewing a saved revision (read-only)

e6826b39a3e74387b41420b4d4db802e

Fork of Fish Family Species

0 stars0🌍 Public
Nnsatyaprakash22
Last edited Mar 29, 2023
Created on Mar 29, 2023
Forked from D3 Starter

This interactive tree diagram visualizes the hierarchical classification of fish species, from cartilaginous fish like sharks and rays to bony fish including ray-finned and lobe-finned varieties. Using D3 version 3.5’s `d3.layout.tree` and `d3.svg.diagonal`, the visualization renders an SVG with animated transitions. Clicking nodes collapses or expands subtrees, with circles changing color from teal to lightsteelblue to indicate collapsed states. The data is hardcoded as a JSON array in the script, with node positions calculated based on depth and screen margins.

AI-generated description

A demonstration of how to start using D3 version 6.