ECharts heatmap

Reusable interactive heatmap component for comparing intensity across category grids or calendar dates within one stable component contract.

Purpose: Reveal concentration, gaps, and patterns across two dimensions.
Primitive: echarts.HeatMap
Kind: components.KindEChartsHeatMap
Configuration: Label, Caption, Cartesian or Calendar coordinate variant, typed value range and Series, size, options, and chart style.
Accessibility: Figure name comes from Label and Caption stays visible. Provide an adjacent table or text summary when exact cell values matter.

Deployments by environment and time window.

Usage Example

@echarts.HeatMap(echarts.HeatMapConfig{
  Label: "Deployment activity",
  XAxis: []string{"08:00", "10:00", "12:00"},
  YAxis: []string{"Development", "Production"},
  ValueRange: echarts.HeatMapValueRange{Min: 0, Max: 20},
  Series: []echarts.HeatMapSeries{{
    Name: "Deployments",
    Data: []echarts.HeatMapData{
      {X: 0, Y: 0, Value: 12},
      {X: 2, Y: 1, Value: 4},
    },
  }},
})

Coordinate contract

HeatMapCoordinateCartesian is the zero-value default. HeatMapCoordinateCalendar replaces category axes with an explicit inclusive date range while the constructor, config, Instance, and stable Kind remain the same.