Implement improvements to beeswarm charts #235
Description
(Linked to item no 13 on ESS Issue Log spreadsheet)
Following a review of options to address shortcomings of confidence intervals and mobile view on the area indicator pages, we agreed to implement the following changes:
Switching between beeswarms + sparklines on mobile:
- On mobile, a toggle will be included in the "chart options" modal to switch between the two charts (beeswarm will remain default).
Beeswarm CI mode:
- Display comparator area points in CI mode.
- Keep primary point as circle shape.
- Add note to charts where CIs are not available.
- Retain label for primary area in same location, and possibly retain comparator label. (In all cases, the comparator label should dodge the primary one instead of vice versa).
Other improvements:
- When a hovered point is clicked, the keyboard mode should start on the clicked area, not the primary/selected area.
Note: Since this chart is due to be re-developed using Svelte 5 and for integration with the new API, it may be preferable to skip the improvements to the current version in favour of the new one.