Data Grid integration 🧪

Learn how to integrate the MUI X Charts and Data Grid for better data visualization.

MUI X Charts seamlessly integrate with the Data Grid for data visualization with dynamic Chart updates based on the Data Grid state changes (whether through the Data Grid API or user interactions).

This integration is possible via the <GridChartsIntegrationContextProvider /> and <GridChartsRendererProxy /> components from the @mui/x-data-grid-premium package, and the <ChartRenderer /> component from the @mui/x-charts-premium package.

Check Data Grid - Charts integration for more information and examples.

The demo below shows how to implement all of the elements mentioned above: