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
Visualize your data with effortless elegance
High-performance and SVG-rendered customizable React charts with d3.js 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 effectively through 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 are 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
Multi axes and series
Multi axes and series
Zoom & 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 separate documents.
- TreemapPlanned
- Sankey ChartPlanned
- Gantt ChartPlanned