Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE-8 Tree Diagram.

Public visualization

Viewing a saved revision (read-only)

9bef811fdc1748f8931e2ef7aafe1e23

ICE-8 Tree Diagram.

0 stars0🌍 Public
Bbadrinath888@gmail.com
Last edited Nov 9, 2025
Created on Nov 9, 2025
Forked from React & D3 Starter

This visualization shows a hierarchical tree of vehicle categories, breaking down the root “Vehicles” node into Land, Air, and Water subgroups, each with its own leaf nodes like Car, Plane, and Boat. Using D3.js v7 and an SVG rendering, the code implements a tree layout via `d3.hierarchy` and `d3.tree`, drawing curved links with `d3.linkHorizontal` and positioning nodes as circles. Node colors distinguish depth levels, and text labels identify each category. The static dataset is hardcoded in the script, with the layout size explicitly set on the SVG canvas.

AI-generated description