Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Electronics Tree

Public visualization

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.

Comments

Sign in to join the discussion.

MIT Licensed