Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[charts] Remove animation on sparkline #11311

Merged
merged 2 commits into from
Dec 6, 2023

Conversation

oliviertassinari
Copy link
Member

@oliviertassinari oliviertassinari commented Dec 5, 2023

I was reading the latest blog post about MUI X and landed on this strange demo experience: https://next.mui.com/x/react-data-grid/custom-columns/#sparkline.

Screen.Recording.2023-12-05.at.12.10.11.mov

None of the Sparklines in https://www.notion.so/mui-org/Sparkline-component-fc42c8576f7a4a46858fbcd713146072 have animations. I think animation is nice if you have a few charts, and you don't need to quickly scan the values, but if that's not the case, e.g. sparkling, it degrades the UX.

This is a polish on top of #9926.

After: https://deploy-preview-11311--material-ui-x.netlify.app/x/react-data-grid/custom-columns/#sparkline


Off-topic. We have no label per component type, is this missing? e.g. LineChart, BarChart, Sparkline, etc.

@oliviertassinari oliviertassinari added component: charts This is the name of the generic UI component, not the React module! design This is about UI or UX design, please involve a designer bug 🐛 Something doesn't work labels Dec 5, 2023
@mui-bot
Copy link

mui-bot commented Dec 5, 2023

Deploy preview: https://deploy-preview-11311--material-ui-x.netlify.app/

Updated pages:

Generated by 🚫 dangerJS against 5661c66

<BarChart skipAnimation />
<BarChart skipAnimation />
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@oliviertassinari oliviertassinari merged commit 38dd07e into mui:next Dec 6, 2023
17 checks passed
@oliviertassinari oliviertassinari deleted the sparkline-animation branch December 6, 2023 18:28
alexfauquette pushed a commit to alexfauquette/mui-x that referenced this pull request Feb 21, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug 🐛 Something doesn't work component: charts This is the name of the generic UI component, not the React module! design This is about UI or UX design, please involve a designer
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants