Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

TREE structure

Public visualization

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

Comments

Sign in to join the discussion.

MIT Licensed