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

[tools] Migrate from recharts to MUI X Charts #147

Merged
merged 3 commits into from
Feb 11, 2024

Conversation

oliviertassinari
Copy link
Member

@oliviertassinari oliviertassinari commented Feb 8, 2024

I was curious to see how we stack up compared to Recharts. A big reason why MUI X Charts should exist is the belief that work on Recharts deserves to be carried on going forward, but it's not happening. So for this to happen, the migration experience should be easy.

Before: https://tools-public.mui.com/prod/pages/npmVersion?package=next

Screen.Recording.2024-02-11.at.14.01.34.mov

After: https://mui-publictools-public-mui-public-pr-147.up.railway.app/prod/pages/npmVersion?package=next

Screen.Recording.2024-02-11.at.16.34.51.mov

Copy link

railway-app bot commented Feb 8, 2024

This PR is being deployed to Railway 🚅

mui-public/tools-public: ◻️ REMOVED

Comment on lines 33 to 34
valueFormatter: ({ value }) =>
Intl.NumberFormat('en', { notation: 'compact' }).format(value),
Copy link
Member Author

Choose a reason for hiding this comment

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

I was expecting

Suggested change
valueFormatter: ({ value }) =>
Intl.NumberFormat('en', { notation: 'compact' }).format(value),
valueFormatter: (value) =>
Intl.NumberFormat('en', { notation: 'compact' }).format(value),

per this demo: https://next.mui.com/x/react-charts/tooltip/#formatting, strange.

Copy link
Member

Choose a reason for hiding this comment

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

That seems in line with the datagrid valueFormatter

Copy link
Member

@alexfauquette alexfauquette left a comment

Choose a reason for hiding this comment

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

Nice to see it. I've nothing to add 👍

@oliviertassinari oliviertassinari temporarily deployed to recharts-mui-x-charts - tools-public PR #147 February 11, 2024 15:10 — with Render Destroyed
@oliviertassinari oliviertassinari merged commit dc520f0 into master Feb 11, 2024
6 checks passed
@oliviertassinari oliviertassinari deleted the recharts-mui-x-charts branch February 11, 2024 15:35
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
scope: tools Toolpad support apps
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants