Heatmap

Heatmap component for displaying data density and user interactions using color intensity visualization.

Basic Heatmap


          <.heatmap data={%{"2024-01-01" => 5, "2024-01-02" => 10, "2024-01-03" => 15}} />

Color Schemes

Blue (default):

Green:

Red:

Purple:


          <.heatmap data={heatmap_data} color_scheme={:blue} />
          <.heatmap data={heatmap_data} color_scheme={:green} />
          <.heatmap data={heatmap_data} color_scheme={:red} />
          <.heatmap data={heatmap_data} color_scheme={:purple} />

Props

Prop	Type	Default	Description
data	map	-	Map of keys (dates/labels) to numeric values
color_scheme	:blue \| :green \| :red \| :purple	:blue	Color scheme for intensity visualization