Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

TREE structure

Public visualization

Viewing a saved revision (read-only)

03f84cce957046afb1b5d2a01e369f16

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. .