search

Shopify / polaris-viz

A collection of React and React native components that compose Shopify's data visualization system
https://polaris-viz.shopify.com
Other
322 stars 23 forks source link

Implement hover interactions and tooltips #1023

Open krystalcampioni opened 2 years ago

krystalcampioni commented 2 years ago

Designs

Figma prototype: https://www.figma.com/proto/kXPvZfEFQE6801v8KSUwgk/Funnel-Chart?page-id=2%3A63&node-id=8%3A3804&viewport=448%2C48%2C0.41&scaling=min-zoom&starting-point-node-id=8%3A3338

krystalcampioni commented 2 years ago

@aieaee @adamperron could you please check if this tooltip design is in-line with the latest work you've done to unify the tooltips on all charts?

adamperron commented 2 years ago

@krystalcampioni It is! However, we didn't mock/create a light mode of the tooltip so we might want to review the colors.

krystalcampioni commented 2 years ago

Cool! if you have the time @adamperron it would also be nice to have a mock of what happens when we hover on the bars

aieaee commented 2 years ago

Here is a Figma prototype with hover interactions and tooltips.

The Figma file is here. screenshot