✨ (scatter) rotate y-axis label

[sophiamersmann]

Rotates the y-axis labels for scatter plots to make them horizontal and easier to read.

It would be nice if we also rotated the y-axis label for Marimekko charts, but for Marimekko charts with an x-dimension, the x-axis labels are plotted above the chart area (see screenshot). It would be confusing if we showed both labels on the same line.

I also tried right-aligning x-axis labels, but it often looked unbalanced.

Example of a Mariemkko chart with a x-dimension

---

This is part 1 of 3 in a stack made with GitButler:

•  3  ✨ add unit to axis labels / TAS-784 #4403
•  2  🔨 use markdown for rendering grouped text wraps / TAS-782 #4402
•  1  ✨ (scatter) rotate y-axis label #4331 👈

[sophiamersmann]

• ✨ (scatter) rotate y-axis label #4331 👈 (View in Graphite)
• 🧪 fix flaky test #4367
• master

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

[owidbot]

Quick links (staging server):

Site Dev	Site Preview	Admin	Wizard	Docs

Login: ssh owid@staging-site-scatter-axis-labels-viz

• Site-screenshots: https://github.com/owid/site-screenshots/compare/scatter-axis-labels-viz
• SVG tester: https://github.com/owid/owid-grapher-svgs/compare/scatter-axis-labels-viz

SVG tester:

Number of differences (default views): 451 (7c0a23) ❌
Number of differences (all views): 375 (7a5fa1) ❌

Edited: 2025-01-09 15:29:07 UTC
Execution time: 1.30 seconds