MUI X
MUI X Charts
A collection of React chart components for data visualization.
144k
325k
200k
- v6
- v7
- v8
@mui/material downloads on Jun 29, 25
- v5
- v6
- v7
Issues opened daily
Issues opening time
Using MUI X Charts
Elegant, effortless data visualization
Highly customizable, SVG-rendered React charts with D3-based data manipulation.
- Windows
- OS X
- Linux
- Chrome OS
- Other
A chart for every data type
Effectively visualize your data from a wide variety of charts—bar, line, pie, scatter, and more.
Customization and styling
Fine-grained control over appearance to match your brand and style.
Data labeling
Deliver insights with precision using clear labels, interactive tooltips, and informative legends.
- Bar
- Line
- min
- max
- Line
- Pie
- min
- max
- Google
- Meta
Zoom and pan
Explore data with greater detail by zooming in and panning across the chart.
Composition
Build complex charts by composing individual building blocks.
<ChartDataProvider>
<CustomLegend />
<ChartSurface>
<BarPlot />
<ChartsXAxis />
</ChartSurface>
</ChartDataProvider>Advanced data visualization
Compare and analyze data across categories by layering data series.
Community and Pro
Two packages for every need
Start with the free-forever Community version, then upgrade to Pro when you're ready for additional features and components.
Essential Charts
Scatter Chart
Scatter Chart
Bar Chart
Line Chart
Donut Chart
Processor density (in transistor/mm²)
- Other
- Intel
- Apple
- AMD
Advanced Charts
Radar
Radar
Heatmap
Funnel
Pokémon base stats
- Bulbasaur
- Charmander
- Squirtle
Advanced features
Multiple axes and series
Multiple axes and series
Zoom and pan
Export
Weather stats for Quebec city
Supported features
Features such as axes and legends are shared across Chart components and are described in their corresponding documents.
- TreemapPlanned
- Sankey ChartPlanned
- Gantt ChartPlanned