Add Chart components
- Dominant language
- TypeScript
- Stars
- 10.9k
- Forks
- 543
- Avg merge
- 1d 20h
- Merged PRs (30d)
- 101
Description
## Summary
Provide an unstyled version of the charts, with a component API, effectively, having Base UI philosophy applied to the charts.
This could either allow UI libraries that are don't have charts today to bring them to their users, or for those already using Recharts or chartjs to have a better option available. At least, it connects very well to why we work on MUI X Charts. MUI could have decided to wrap Recharts to bring charts to Material UI, but instead, we saw a gap, a need to fill it so we went for it. This gap is two-fold:
- 1 Sustainability. There is an open core flywheel motion that we can spin here, like with the data grid.
- Open source depth. This should mean an open source side better executed and funded.
- Product breadth. This should also mean that for people who need more specialized charts, they will be able to use a single library, instead of putting together an open source free one and a commercial paid one, bringing inconsistencies.
- 2 Product design. We designed the charts with a hybrid approach. We have public low-level components, very similar to Recharts, but also a wrapper for higher abstraction for when you don't need the flexibility and trade this in exchange of a few interesting properties like: ease of use, ability to toggle rendering engines, like canvas or image generator.
## Examples in other libraries
- https://antv.antgroup.com/en/
- Shadcn UI with Recharts: https://x.com/shadcn/status/1795920488797188525
- Tremor with Recharts: https://github.com/tremorlabs/tremor
- Mantine with Recharts https://mantine.dev/charts/getting-started/
*([internal benchmarks](https://www.notion.so/mui-org/charts-All-chart-libraries-7b30cff4fdab4d2e8adbe0c796821f45))*
## Motivation
- User requests:
- General
- https://x.com/pqoqubbw/status/2041500401669697762
- UI library requests:
- General
- https://github.com/shadcn-ui/ui/issues?q=is%3Aissue%20state%3Aopen%20Charts & https://github.com/shadcn-ui/ui/issues/897
- https://github.com/mui/mui-x/issues/22388-
- Sankey
- https://github.com/shadcn-ui/ui/issues/8090
- Scatter
- https://github.com/shadcn-ui/ui/issues/7315
## Pushing it to the next step
- [ ] Allow to support copy and paste charts examples.
- https://github.com/Filsommer/rosenCharts
Contributor guide
Assessment
This issue has not been assessed yet.