dash-mui-charts — 13 Plotly Dash components wrapping MUI X: LineChart, BarChart, CandlestickChart, PieChart, ScatterChart, CompositeChart, Heatmap, SparklineChart, LiveTradingChart, TreeView, SimpleTreeView, TreeViewPro and TimeClock. Interactive documentation with live examples, dark mode and MUI X Pro features. By Pip Install Python.

dash-mui-charts

dash-mui-charts is a Plotly Dash component library of 13 components wrapping MUI X Charts, MUI X Tree View, and MUI X Date & Time Pickers for Python developers. Every component ships with full Python type hints and exposes its interactions (clicks, selections, zoom, edits) as Dash callback properties. Built by Pip Install Python; MIT licensed.

Install

pip install dash-mui-charts

Components

Charts (MUI X Charts):

reference lines (Community / Pro). Docs: /linechart-basic

mode, zoom/brush (Community / Pro). Docs: /barchart-basic

lines, click events (Community / Pro). Docs: /candlestick

interaction (Community). Docs: /scatter

(Community / Pro). Docs: /composite

Docs: /heatmap

(Community). Docs: /sparkline

Docs: /live-trading

Tree View (MUI X Tree View):

label editing, disabling (Community). Docs: /tree-basic

(Community). Docs: /tree-simple

slider + kebab menu controls (Pro). Docs: /tree-pro

Date & Time Pickers (MUI X Date Pickers):

(Community). Docs: /time-clock

Community vs Pro

Community features work with no license. MUI X Pro features — LineChart / BarChart / CompositeChart zoom, pan, slider, brush and toolbar; Heatmap; TreeViewPro reordering, lazy loading and per-item controls — require an MUI X Pro license key passed via the licenseKey prop (the demo app reads it from the MUI_PRO_API_KEY environment variable).

Quick start

from dash import Dash, html
from dash_mui_charts import LineChart

app = Dash(__name__)

app.layout = html.Div([
    LineChart(
        id='my-chart',
        height=400,
        series=[
            {'data': [1, 4, 2, 5, 7], 'label': 'Series A'},
        ],
        xAxis=[{'data': [1, 2, 3, 4, 5]}],
    )
])

if __name__ == '__main__':
    app.run(debug=True)

More documentation pages

/linechart-highlighting, /highlighting-sync, /linechart-zoom-preview, /linechart-tick-hover, /crosshair

/barchart-reference, /barchart-pro

/sparkline-style, /sparkline-style-advanced

/tree-disabled, /tree-pro

Links

Note for AI agents: This is the static, prerendered view of an interactive Dash application served because we detected a non-JS user agent. Full prose docs: