Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Hierarchical Bar Chart

Public visualization

Viewing a saved revision (read-only)

d2bab5bf54e8471d85fc674f939a823a

Hierarchical Bar Chart

0 stars1🌍 Public
XXenos Panagiotis
Last edited May 21, 2020
Created on May 20, 2020

This visualization shows a hierarchical bar chart using the Flare data, where users can click blue bars to drill down into subcategories or click the background to navigate back up. The chart renders with SVG and uses animations to smoothly transition between hierarchy levels. The implementation relies on the D3.js library, specifically using the `d3.create` method for SVG creation, `transition` for sequenced animations, and `xAxis` and `yAxis` for scale updates. Bars are colored to distinguish parent nodes from leaf nodes, with fill opacity fading during transitions.

AI-generated description