Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Electronics Tree

Public visualization

Viewing a saved revision (read-only)

3cd4b20131b84c56a7f2e818eae21eb8

Electronics Tree

0 stars0🌍 Public
PPriyaEnuganti
Last edited Jul 9, 2022
Created on Jul 7, 2022
Forked from Face by priya

A tree diagram displays a hierarchical classification of electronics, branching from "Electronics" into "Display," "Audio," and "Non-display," which further splits into "Fan," "AC," and "Fridge." This example uses D3 v2's `d3.layout.tree` and `d3.svg.diagonal` to compute node positions and draw connecting links on an SVG canvas. Nodes are color-coded by category (yellow for root, pink for main branches, purple for leaves) and interactive tooltips appear on mouseover. The visualization is rendered as static SVG, not animated, despite the metadata listing "animation."

AI-generated description

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

See also React Starter.