Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

TREE structure

Public visualization

Viewing a saved revision (read-only)

a41116b7b7384aafa25ce57b02738d04

TREE structure

0 stars0🌍 Public
SSheela2930
Last edited Apr 13, 2023
Created on Apr 12, 2023
Forked from MY Tree ICE-8

This interactive tree diagram visualizes a hierarchical breakdown of an automobile, starting with the root node “VEHICLE” and branching into categories like Engine, Interior, and Body, with further subcomponents such as RPM, Seats, and Mirrors. Built with D3.js (version 3.5.17), the layout uses the `d3.layout.tree` and `d3.svg.diagonal` APIs to position nodes and draw curved links. Rendered as an SVG with animated transitions, clicking a node collapses or expands its children. Node colors reflect the data’s “level” field, while the styling is defined via CSS.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript. .