Skip to main content
100%

Stacked Barchart with Transitions

✓ Published0🌍 Public
DDinoJay
Last edited Dec 14, 2016
Created on Dec 12, 2016

This stacked barchart displays U.S. state population data across four prototype categories (prot1–prot4), with each bar segmented by category and colored using an ordinal scale. The visualization is built with D3 v4 and includes an interactive button that triggers a transition: when clicked, the chart re-sorts the dataset by jumbling the state values and animates the bars' heights and stack positions over one second using SVG transitions. The y-axis is scaled to the total population, the x-axis uses a band scale for states, and a legend identifies each category. The initial load and updates are handled by a shared `updateChart` function, demonstrating smooth transitions between static and reshuffled data states.

AI-generated description

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/dnprock/'>dnprock</a>'s block: <a href='http://bl.ocks.org/dnprock/e834324ba88e28047e18e07b986f1bab'>Stacked Barchart with Transitions</a>

forked from <a href='http://bl.ocks.org/AndresAnayaIsaza/'>AndresAnayaIsaza</a>'s block: <a href='http://bl.ocks.org/AndresAnayaIsaza/dc74cdb902b5caaccca786c66d97c3c1'>Stacked Barchart with Transitions</a>

mit Licensed

Similar vizzes