Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Untitled

Public visualization

Viewing a saved revision (read-only)

bcfc1caf9d6a483fa278e362f8986138

Untitled

0 stars0🌍 Public
Rriccardost
Last edited Dec 10, 2019
Created on Dec 9, 2019
Forked from Hello VizHub

An interactive dendrogram displays a hierarchical breakdown of service quality indicators, with colored horizontal bars representing leaf node values. The visualization uses D3.js v4, specifically `d3.cluster()` for tree layout, `d3.stratify()` for hierarchical data structuring, and `d3.axisTop()` with custom tick formatting. Bars animate in width via SVG `transition()`, while node circles and labels are styled with CSS. Data comes from an embedded CSV file containing indicator IDs and corresponding values.

AI-generated description

An example showing the capabilities of VizHub.