[charts] Zoom visualization / overview

[JCQuintas]

1. Slider

Is a helper component that allows the visualisation of the current zoom state. Usually shown as a Slider which is often called a Brush as well. It works good for line charts and series data, is a bit odd for scatter data, but can work as well if the axis are properly formatted.

Examples: echarts, visx brush, victory, scichart

Takes:

• 🟢 Allows for easy visualisation of zoomed data
• 🟡 Not so great for scatter, but sufficient as a first effort
• 🟡 Will require "drag and drop" implementation, maybe use from other packages?

Related:

• [Slider] Support track dragging with range sliders material-ui#17228 we likely want the slider to be draggeable, and to be built on Base UI Slider

2. Mini map

Works better on non linear data, like scatter charts, but would require a different implementation.

Examples: visx zoom

• 🟢 Specialised for scattered data
• 🔴 Specialised for scattered data 🙃
  • We should probably skip it for now and implement if necessary only

Originally posted by @JCQuintas in #12503 (comment)

Related:

• [charts][zoom] Support side scrolling to pan #13798

Search keywords: