Pie Chart component

[apedroferreira]

Summary 💡

We should add a component to create pie charts, using @mui/x-charts.

I believe this should be a separate component from the already existing Chart component, as unlike in that component it does not make sense to stack a pie chart with any other type of chart. But we could also discuss whether it makes sense to still use the same Chart component for this.

It should function in a similar way to the main Chart component in terms of prop controls, for consistency.

Should include some benchmarking to identify some more ideas/opportunities.

As an initial step, we could migrate the PieChart custom component in https://github.com/mui/mui-public/blob/master/tools-public/toolpad/components/PieChart.tsx to use @mui/x-charts instead of recharts too.

Examples 🌈

No response

Motivation 🔦

No response

[Janpot]

• An example of use case https://tools-public.mui.com/prod/pages/npmVersion.
• Recent migration from recharts to MUI X Charts: https://github.com/mui/mui-public/pull/147. Writing the code didn't felt so far. It would have been better to have a toolpad component, with a low-code -> pro-code ejection.