Heatmap

const config: GraphConfig = {
  type: 'heatmap',
  data: {
    columns: [
      { key: 'day', label: 'Day' },
      { key: 'hour_0', label: '00:00' },
      { key: 'hour_6', label: '06:00' },
      { key: 'hour_12', label: '12:00' },
      { key: 'hour_18', label: '18:00' },
    ],
    rows: [
      { day: 'Monday', hour_0: 45, hour_6: 120, hour_12: 350, hour_18: 280 },
      { day: 'Tuesday', hour_0: 52, hour_6: 135, hour_12: 380, hour_18: 295 },
      { day: 'Wednesday', hour_0: 48, hour_6: 140, hour_12: 420, hour_18: 310 },
      { day: 'Thursday', hour_0: 55, hour_6: 145, hour_12: 390, hour_18: 285 },
      { day: 'Friday', hour_0: 60, hour_6: 150, hour_12: 450, hour_18: 380 },
    ],
  },
};

const config: GraphConfig = {
  type: 'heatmap',
  dataLabels: {
    showDataLabels: true,
  },
  data: {
    /* ... */
  },
};