MUI X

MUI X Charts

A collection of React chart components for data visualization.

Users

144k

Conversions

325k

Event count

200k

@mui/material downloads on Jun 29, 25

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

Line
Pie

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.

About licensing

Community

Free forever under an MIT license. Includes essential charts and core features like axes, legends, styling customizations, tooltips, highlights, and more.

Pro

Requires a commercial license. Includes advanced charts and features such as zooming, panning, and exporting. Ideal for data-rich and enterprise applications.

Essential Charts

Scatter Chart

Bar Chart

Line Chart

Donut Chart

Processor density (in transistor/mm²)

Other
Intel
Apple
AMD

More info

Advanced Charts

Radar

Compare multiple variables across different categories.

Heatmap

Visualize data density and distribution.

Funnel

Display the sequential stages of a process.

Pokémon base stats

Bulbasaur
Charmander
Squirtle

More info

Advanced features

Multiple axes and series

Layer multiple chart types and axes to meet complex visualization needs.

Zoom and pan

Explore the details of the data with zooming and panning.

Export

Save your charts in PDF, PNG, or JPEG formats to share them anywhere.

Weather stats for Quebec city

More info

Supported features

Features such as axes and legends are shared across Chart components and are described in their corresponding documents.

Axis

Custom components

Composition

Label

Legend

Stacking

Styling

Tooltips

Highlighting

Zoom and pan

Export

All MUI X Charts

Planned charts

These charts are on our roadmap and are planned for future. If you'd like to see them sooner, give us your upvote — your feedback helps us decide what to build next.