carbon-design-system / carbon-charts

:bar_chart: :chart_with_upwards_trend:⠀Robust dataviz framework implemented using D3 & typescript
https://charts.carbondesignsystem.com
Apache License 2.0
915 stars 184 forks source link

Move the zoom bar from top of chart to bottom of chart #577

Open tifftea opened 4 years ago

tifftea commented 4 years ago

I am submitting a...

Summary

The zoom bar should be moved below the chart to make room for important subtext, metrics, and the chart legend.

Before:

zoom bar before

After:

chart after

Justification

Users' mental processing was oriented on the information hierarchy and they tried to comprehend the information metric system from top to bottom. Below is an example of the order of the mental processing:

  1. What is it (title)?
  2. What does it mean (title definition)?
  3. What are x and y axises represent?
  4. What does each line mean?
  5. What is the trend?
  6. What happened at this point?
  7. Let me zoom into it to investigate further.

The current CX lacks component to support DB2 WoC cases.

Desired UX and success metrics

--

"Must have" functionality

--

tifftea commented 4 years ago

@yayitsnatasha