Integration

chartjs-chart-matrix can be integrated with plain JavaScript or with different module loaders.

Script Tag

<script src="https://cdn.jsdelivr.net/npm/chart.js@4"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-chart-matrix@2"></script>
<script>
  var myChart = new Chart(ctx, {type: 'matrix', ...});
</script>

Bundlers (Webpack, Rollup, etc.)

import { Chart } from 'chart.js'
import { MatrixController, MatrixElement } from 'chartjs-chart-matrix'

Chart.register(MatrixController, MatrixElement)