Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Tree6

Public visualization

Viewing a saved revision (read-only)

bc056e1b61ef4b398041efd2fa6af178

Tree6

0 stars0🌍 Public
Nnadia-el
Last edited Nov 10, 2020
Created on Apr 5, 2020
Forked from Tree3

A radial tree visualization displays the hierarchical Bill of Materials (BOM) for an Xmas-Tree product, with nodes positioned in a circular layout and connected by curved links. The visualization uses D3 v4's `d3.cluster` layout to compute angular and radial positions, then renders the structure as SVG paths and circles. Node labels rotate based on their angular position, and the entire visualization supports pan and zoom via `d3.zoom`. The data comes from a JSON file representing the product's component hierarchy.

AI-generated description