[charts-pro] Improve heatmap performance for large datasets

Related to https://github.com/mui/mui-x/issues/18015#issuecomment-3656728673.

Currently, rendering a 100x100 heatmap is very slow. @oliviertassinari's benchmark is [here](https://github.com/mui/mui-x/issues/18015#issuecomment-3667679294).

LCP is 1.22s  (4x CPU throttling) when rendering the following 100x100 heatmap:

<img width="1718" height="1322" alt="Image" src="https://github.com/user-attachments/assets/53056a5d-14da-46a1-a81c-37bf07668afc" />

We're tracking heatmap performance [here](https://codspeed.io/mui/mui-x/benchmarks/test/performance-charts/tests/Heatmap.bench.tsx::Heatmap::Heatmap:%20100x100%20grid?runnerMode=Instrumentation&period=all).

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

[charts-pro] Improve heatmap performance for large datasets #20702

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

Uh oh!

[charts-pro] Improve heatmap performance for large datasets #20702

Description

Metadata

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

Issue actions