🎉 (stacked bar) share x-axis across facets / TAS-549

[sophiamersmann]

Shares the x-axis across faceted StackedBar charts

Implemented as part of an effort to create a set of climate charts, see draft charts on this staging site

Summary

• Hiding axis labels of inner facets declutters the chart if there are many facets
  • For charts with many facets, the x-axes are relatively close to each other, so it's easy to parse, even if there is only one axis on the bottom
  • For charts with few facets, the x-axes are relatively far from each other. If then some axis labels are missing, it can be difficult to figure out the x-axis value of a bar
• I ended up with a threshold of 12 facets (partly because we want this for the climate charts that we're working on and they have 12 facets)

Future work

• We might want to enable this for line charts and stacked area charts as well

Known bugs

Suffers from this bug where axes are missing if one of the bottom facets doesn't have any data (fixed in the next PR)

Screenshot

[sophiamersmann]

[!WARNING] This pull request is not mergeable via GitHub because a downstack PR is open. Once all requirements are satisfied, merge this PR as a stack on Graphite. Learn more

• #3737
• #3735
• #3733 👈
• #3726
• #3725
• #3722
• #3025
• master

This stack of pull requests is managed by Graphite. Learn more about stacking.

Join @sophiamersmann and the rest of your teammates on Graphite

[owidbot]

Quick links (staging server): Site	Admin	Wizard

Login: ssh owid@staging-site-stacked-bar-shared-x-axis

• Site-screenshots: https://github.com/owid/site-screenshots/compare/stacked-bar-shared-x-axis
• SVG tester: https://github.com/owid/owid-grapher-svgs/compare/stacked-bar-shared-x-axis

SVG tester:

Number of differences (default views): 94 ([6f6c72](https://github.com/owid/owid-grapher-svgs/commit/6f6c7250a9790a96df00cfe90839387981665696)) ❌ Number of differences (all views): 250 ([baca2f](https://github.com/owid/owid-grapher-svgs/commit/baca2ffadfc65c2949eef8b33d78b7c55362af59)) ❌

Edited: 2024-06-26 11:48:54 UTC Execution time: 1.16 seconds

[notion-workspace[bot]]

StackedBar: Share x-axis across facets