Radial Normalized Stacked Bar
This radial stacked bar chart displays the age distribution of each U.S. state, with each bar normalized to represent proportions that sum to 100%. The circular layout encodes states around the circumference and uses a radial scale to show percentage values, with concentric grid circles and percentage labels around the center. The chart uses d3.stack with stackOffsetExpand to normalize data, d3.arc for the radial segments, and a custom scaleRadial function that applies a square-root transformation to linear scales. The data comes from a CSV file containing state-by-age population counts.
AI-generated descriptionThis is a normalized variant of my earlier example radial stacked bar chart. Compare to the non-radial version. While pretty, you probably don’t want to use this version because it’s easier to compare the bars when they share an aligned (linear) axis. You might consider this form if your ordinal axis is cyclical, such as weeks of the year, and you want to show a cyclical pattern. This example’s data is not cyclical, so the use of a radial form here is rather gratuitous!