The chartjs-chart-matrix plugin provides matrix charts, which visualize data in a grid format using colored rectangular cells.
- X-axis value (column position)
- Y-axis value (row position)
- Value (
v) represented by color intensity or another visual cue
- Heatmaps
- Confusion matrices
- Availability or occupancy grids
- Correlation matrices
- Supports linear, category, and time scales
- Customizable cell size
- Dynamic color mapping for data values
- Interactive tooltips and legend integration
Y29uc3QgY29uZmlnID0gewogIHR5cGU6ICdtYXRyaXgnLAogIGRhdGE6IHsKICAgIGRhdGFzZXRzOiBbewogICAgICBsYWJlbDogJ0Jhc2ljIG1hdHJpeCcsCiAgICAgIGRhdGE6IFt7eDogMSwgeTogMX0sIHt4OiAyLCB5OiAxfSwge3g6IDEsIHk6IDJ9LCB7eDogMiwgeTogMn1dLAogICAgICBib3JkZXJXaWR0aDogMSwKICAgICAgYm9yZGVyQ29sb3I6ICdyZ2JhKDAsMCwwLDAuNSknLAogICAgICBiYWNrZ3JvdW5kQ29sb3I6ICdyZ2JhKDIwMCwyMDAsMCwwLjMpJywKICAgICAgd2lkdGg6ICh7Y2hhcnR9KSA9PiAoY2hhcnQuY2hhcnRBcmVhIHx8IHt9KS53aWR0aCAvIDIgLSAxLAogICAgICBoZWlnaHQ6ICh7Y2hhcnR9KSA9PiAoY2hhcnQuY2hhcnRBcmVhIHx8IHt9KS5oZWlnaHQgLyAyIC0gMSwKICAgIH1dLAogIH0sCiAgb3B0aW9uczogewogICAgc2NhbGVzOiB7CiAgICAgIHg6IHsKICAgICAgICBkaXNwbGF5OiBmYWxzZSwKICAgICAgICBtaW46IDAuNSwKICAgICAgICBtYXg6IDIuNSwKICAgICAgICBvZmZzZXQ6IGZhbHNlLAogICAgICB9LAogICAgICB5OiB7CiAgICAgICAgZGlzcGxheTogZmFsc2UsCiAgICAgICAgbWluOiAwLjUsCiAgICAgICAgbWF4OiAyLjUsCiAgICAgIH0sCiAgICB9LAogIH0sCn0KCm1vZHVsZS5leHBvcnRzID0gewogIGNvbmZpZywKfQ==