Oussama Hajji

@Aylenor·2 public vizzes

Fork of Tree test

A hierarchical tree visualization displays product category data loaded from a JSON file. The layout uses `d3.tree` and `d3.hierarchy` to structure the data, with `d3.linkHorizontal` generating curved paths between parent and child nodes. Labels show node identifiers from the `label` field, while a `d3.zoom` handler enables panning and scaling of the SVG rendering. The visualization emphasizes the tree structure over numeric KPIs, which are present in the data but not displayed.

Mar 28, 2022

Loading thumbnail…

Fork of Tree test

This fork of a tree test displays hierarchical product data as a dendrogram with curved links and circular nodes. The visualization maps category labels like "CAFES MELANGE MOULUS" and their child levels, using node size and spacing to convey structural relationships. Built with D3 v5, it applies `d3.cluster`, `d3.hierarchy`, and `d3.linkHorizontal` to generate the layout from a JSON data source. The SVG rendering includes zoom functionality via `d3.zoom`, though node labels remain commented out, leaving only the tree topology visible.

Mar 28, 2022