Skip to content
+

MUI X Charts

Browse through our collection of MUI X Chart demos.

Bar Charts

Vertical and horizontal bars, stacked and grouped variations.

Simple Bar Chart

  • pv
  • uv

Stacked Bar Chart

  • pv
  • uv

Mixed Bar Chart

  • pv
  • amt
  • uv

Positive and Negative Bar Chart

  • pv
  • uv

Bar Chart Stacked by Sign

  • pv
  • uv

Biaxial Bar Chart

  • pv
  • uv

Population Pyramid

South Korea Population Pyramid - 2022
  • Male
  • Female
Source: KOSIS

Line Charts

Connected data points showing trends over time.

Simple Line Chart

  • pv
  • uv

Dashed Line Chart

  • pv
  • uv

Biaxial Line Chart

  • pv
  • uv

Line Chart with Reference Lines

Line Chart Connect Nulls

Line with Uncertainty Area

Custom Line Marks

  • pv
  • uv

Line and Bar composed

Area Charts

Filled areas below lines for cumulative data.

Simple Area Chart

  • uv

Stacked Area Chart

  • uv
  • pv
  • amt

Percent Area Chart

  • a
  • b
  • c

Area Chart Connect Nulls

Scatter Charts

Plot points to show relationships between variables.

Simple Scatter Chart

  • pv

Multiple Y Axes Scatter Chart

Pie Charts

Circular slices showing proportional data.

Two Level Pie Chart

Straight Angle Pie Chart

  • Group A
  • Group B
  • Group C
  • Group D
  • Group E
  • Group F

Pie Chart with Customized Label

33%25%25%17%

Pie Chart with Center Label

  • A
  • B
  • C
  • D
Center label

Pie Chart with Padding Angle

Pie Chart with Custom Legend

  • Circle
  • Diamond
  • Star

Other Charts

Gauge, sparkline, and specialized chart types.

Arc Design

Customized Gauge with Pointer

Sparkline

Sparkline with metric

Weekly Downloads

423,709

More demos

Browse individual chart categories for more detailed examples: