Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Tree3

Public visualization

Viewing a saved revision (read-only)

7caa50ac300447e6b21432506c40cd33

Tree3

0 stars3🌍 Public
Nnadia-el
Last edited Apr 7, 2020
Created on Mar 28, 2020
Forked from Tree2

Tree3 is an animated, interactive SVG tree diagram that visualizes a hierarchical dataset of failure causes and priorities, rooted at the "SCM QN" node. Built with the D3.js library (version 3.5.17), it uses `d3.layout.tree` and `d3.svg.diagonal` to render nodes and links from a CSV file. Users can click nodes to collapse or expand branches, triggering smooth transitions via `transition.attr` and `transition.duration`. The visualization displays the tree horizontally, with node depth mapped to horizontal spacing and text labels positioned accordingly.

AI-generated description