Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Barchart

Public visualization

Viewing a saved revision (read-only)

8a4182e037704c819c687725b96281b6

Barchart

0 stars0🌍 Public
Uunnome
Last edited Nov 21, 2020
Created on Nov 21, 2020
Forked from Barchart

This interactive bar chart demonstrates the transition between grouped and stacked layouts using synthetic, smoothly-varying data. The visualization uses D3 v6’s scalable vector graphics (SVG) rendering with animation to morph bar positions and heights. Users toggle layout modes and toggle individual series on or off via custom radio-style buttons, which are built with D3 selections and manual layout positioning. The chart relies on `d3.stack` for stacked series data, `d3.scaleBand` for the x-axis, and CSS transitions for smooth updates.

AI-generated description