Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Operation Tree

Public visualization

Operation Tree

0 stars0🌍 Public
Vvenkatajayanth03
Last edited Jul 10, 2022
Created on Jul 10, 2022
Forked from Interactive Tree

This example shows a collapsible operation tree for electric vehicle modes, with color-coded nodes distinguishing normal and fault operation modes alongside their sub-modes. Users can click nodes to expand or collapse child branches, triggering animated transitions as nodes reposition. Built with D3 v5, the visualization uses `d3.tree` and `d3.hierarchy` for layout and `d3.linkHorizontal` for curved links, while `d3.zoom` enables panning and zooming. Nodes are rendered as SVG rectangles with labels, and data comes from a static JavaScript object defining the hierarchical structure.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed