(This chart is a part of the
d3-charts collection available here.)
Unlike the examples in the two links, the x axis of this implementation has a symmetric x-axis to ensure readers aren't perceptually manipulated by one side taking up a larger, more imposing, share of the space than the other.
The main thing to have in mind when using this particular chart is that the order of your data rows matter; a part of the story this chart tells uses the vertical dimension, so embrace it. Usually, you'll see people use the chart for demographics with people divided by age or income, but there are plenty of other uses you'll realize soon enough.
The placeholder data shows how Americans voted by income brackets in the 2012 election.
- Divider for 50% thresholds
- Value labels
- Column labels