[docs] Add overview section for scatter chart and heatmap

[prakhargupta1]

These demos are from the Overview page. Just reimplemented in the docs folder, it also gives an option for the reader to see the code.

[mui-bot]

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

Updated pages:

• docs/data/charts/heatmap/heatmap.md
• docs/data/charts/scatter/scatter.md

Bundle size report

Bundle	Parsed size	Gzip size
@mui/x-data-grid	0B(0.00%)	0B(0.00%)
@mui/x-data-grid-pro	0B(0.00%)	0B(0.00%)
@mui/x-data-grid-premium	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-charts-premium	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 🚫 dangerJS against 3bb4dab

[codspeed-hq]

CodSpeed Performance Report

Merging #19888 will not alter performance

_{Comparing prakhargupta1:heatmap-scatter (3bb4dab) with master (7e86b02)}

Summary

✅ 12 untouched

[prakhargupta1]

I need help with the typescript error, no clue how to fix it.

[JCQuintas]

I need help with the typescript error, no clue how to fix it.

its not a typescript error, you just need to run pnpm docs:typescript:formatted to ensure the js file is the same as the tsx file.

[prakhargupta1]

Ran pnpm docs:typescript:formatted but still the error remains. I don't want to add a .preview file still it shows a type error about it. :/

[alexfauquette]

I don't want to add a .preview file still it shows a type error about it. :/

You don't really have the choice. I think what you're looking for is defaultCodeOpen": false ;)

I've added a commit to fix that, and share dataset accross demo