Calendar Heatmap

Native GitHub-contributions-style calendar heatmap. Give a year and `YYYY-MM-DD value` rows; days render as a 7×53 grid shaded by value with month and weekday labels and a legend. Ideal for activity, habits and daily time-series.

Templates

Source language

plaintext

Workstation

Studio

Engine id

calendarheatmap

Open in Studio

In the same space

Most users come to Calendar Heatmap from GitHub contribution graph or cal-heatmap. Glyph runs this engine in the browser — no install, shareable via URL, exportable to PNG / SVG / PDF / source.

Syntax at a glance

year 2024
2024-03-20 11

Paste this in the Studio code pane to see Calendar Heatmap render live. The full grammar is at the upstream-docs link above.

Sample templates

All 3 →

operations

Commit Activity (Calendar Heatmap)

Daily commit counts across a year.

custom

Workout Streak (Calendar Heatmap)

Training days through the year.

data

Daily Orders (Calendar Heatmap)

Order volume by day with seasonal peaks.

Engine reference: calendarheatmap · ← Browse all engines · Quick-start guide