[charts] Add Gauge components

mui / mui-x

MUI X: Build complex and data-rich applications using a growing list of advanced React components, like the Data Grid, Date and Time Pickers, Charts, and more!

https://mui.com/x/

4.14k stars 1.29k forks source link

[charts] Add Gauge components #2903

Closed oliviertassinari closed 8 months ago

oliviertassinari commented 4 years ago

[x] I have searched the issues of this repository and believe that this is not a duplicate.

Summary 💡

Gauge displays one metric with a bounded scale.

Examples 🌈

Motivation 🔦

A sub-items of mui-org/material-ui-x#1408. There are 2 types of gauge: circular and linear.

Benchmarks

MUI X Gauge

https://mui.com/x/react-charts/gauge/

eps1lon commented 4 years ago

That's a styled <meter> element. Why did you include react-aria's Meter component in https://github.com/mui-org/material-ui/issues/22472 but not here?

oliviertassinari commented 4 years ago

@eps1lon Thanks, adding https://react-spectrum.adobe.com/react-aria/useMeter.html to the relevant resources for the Gauge. I have missed it.

eps1lon commented 4 years ago

Thanks, adding react-spectrum.adobe.com/react-aria/useMeter.html to the relevant resources for the Gauge. I have missed it.

How does Gauge relate to Stat? Is it a kind of Stat or used in a slot of Stat? The relation is currently not explained.

meetsafely commented 1 year ago

@oliviertassinari @joserodolfofreitas Definitely looking forward to this component.

akamfoad commented 11 months ago

Hi @oliviertassinari I'd like to pick this up if no one is working on it.

github-actions[bot] commented 8 months ago

:warning: This issue has been closed. If you have a similar problem, please open a new issue and provide details about your specific problem. If you can provide additional information related to this topic that could help future readers, please feel free to leave a comment.