Skip to content
+

MUI X

MUI X Charts

A collection of React chart components for data visualization.

Users

144k

Conversions

325k

Event count

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.



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.