Calendar Heatmap Chart Example

This example shows a heatmap chart built with AG Charts arranged as a calendar grid, mapping one axis to the period within a cycle and the other to the cycle itself, so a long run of readings reads as a seasonal pattern instead of a line. The cells take a corner radius and a wide stroke to separate them, the date axis is moved above the chart, the other axis is stripped of labels, and the gradient legend is switched off.

Get started with JavaScript, React, Angular or Vue.