mui-x icon indicating copy to clipboard operation
mui-x copied to clipboard
verified publisher icon mui

[docs] Add Data Grid demo pages

Open kenanyusuf opened this issue 7 months ago • 1 comments

WIP demos page

https://deploy-preview-18180--material-ui-x.netlify.app/x/react-data-grid/demos/real-time-data/ https://deploy-preview-18180--material-ui-x.netlify.app/x/react-data-grid/demos/time-off-calendar/

kenanyusuf avatar Jun 02 '25 10:06 kenanyusuf

Deploy preview: https://deploy-preview-18180--material-ui-x.netlify.app/

Updated pages:

Bundle size report

Bundle Parsed Size Gzip Size
@mui/x-data-grid 0B(0.00%) 0B(0.00%)
@mui/x-data-grid/DataGrid 0B(0.00%) 0B(0.00%)
@mui/x-data-grid-pro 0B(0.00%) 0B(0.00%)
@mui/x-data-grid-pro/DataGridPro 0B(0.00%) 0B(0.00%)
@mui/x-data-grid-premium 0B(0.00%) 0B(0.00%)
@mui/x-data-grid-premium/DataGridPremium 0B(0.00%) 0B(0.00%)
@mui/x-charts 0B(0.00%) 0B(0.00%)
@mui/x-charts-pro 0B(0.00%) 0B(0.00%)
@mui/x-date-pickers 0B(0.00%) 0B(0.00%)
@mui/x-date-pickers-pro 0B(0.00%) 0B(0.00%)
@mui/x-tree-view 0B(0.00%) 0B(0.00%)
@mui/x-tree-view-pro 0B(0.00%) 0B(0.00%)

Details of bundle changes

Generated by :no_entry_sign: dangerJS against 5ca16b14dd3f10d498e1bde9e6fbf5b61e37d6fb

mui-bot avatar Jun 02 '25 11:06 mui-bot

Next steps:

  • [ ] Finalize edits + comments
  • [ ] Add addition example
  • [ ] Add copy and paste across rows example
  • [ ] Add aggregation example (as semi-pivot) perhaps in the Inventory one (total items sold, total revenue?)
  • [ ] Add Olympics demo here too

alelthomas avatar Jun 25 '25 14:06 alelthomas

Next steps:

  • [ ] Finalize edits + comments

  • [ ] Add addition example

  • [ ] Add copy and paste across rows example

  • [ ] Add aggregation example (as semi-pivot) perhaps in the Inventory one (total items sold, total revenue?)

  • [ ] Add Olympics demo here too

Could you convert those to sub-issues on this?

michelengelen avatar Jun 25 '25 15:06 michelengelen

I've added one commit to clean charts integration

  • The data update was buggy because using one data point at the end works only if the code runs continuously. Which is not the case if for example you move to another widow and come back. So for each update I clean the data that are outside now-timeframe and add al the data point needed

  • I added more data point than the update frequency. Such that the big chart shows more data point the the sparkling. Plus I added a zoom with preview on it. Charts performance seems to support it. If you see some lagging in the preview feel free to remove the preview.

The only thing I'm wondering is if there should either be less inter-second data points, or a thinner line (or both). At the moment the line appears thicker than it actually is when fully zoomed out for both the the line chart and sparklines, because overlap.

Maybe too many points (from Matt) The issue is mostly visible on mobile

  • Few modification about the formatted to make it more realistic

alexfauquette avatar Jul 10 '25 14:07 alexfauquette

This pull request has conflicts, please resolve those before we can evaluate the pull request.

github-actions[bot] avatar Jul 13 '25 06:07 github-actions[bot]