Heatmap and calendar

Heatmaps shade a grid of cells by value, and calendar charts lay those cells out by day, to show patterns across hours, weeks or years.

LLMs

Calendar heatmap

A heatmap series on a calendar coordinate system shades every day of a year by its value, with the scale hidden.

Punch card

A heatmap on two category axes, hours by weekdays, with a draggable visualMap and the count written in each cell.

Piecewise scale

A piecewise visualMap splits a year of daily values into ranges you can click to show or hide on the calendar.

Stacked years

Three horizontal calendar components, one per year, share a single visualMap so the years compare on one scale.

Vertical calendars

Set orient to vertical to run each year's weeks down the page, three years side by side with a vertical scale.

Graph on a calendar

A graph series placed on a vertical calendar links milestone days with arrows over a heatmap of daily values.

20,000 cells

A heatmap of a 201 by 101 grid drawn with progressive rendering and a continuous diverging visualMap.

Discrete color bands

The same grid mapped through a piecewise visualMap with splitNumber set to 8, so values fall into flat color bands.

Labeled month

Two label-only scatter series write the date, lunar day and solar terms into each cell above a rainfall heatmap.

Pies on a calendar

One pie series per day, centered on its calendar cell, splits each day of February into work, leisure and sleep.

Highlighted top days

Sized scatter dots mark every day across two half-year calendars, and an effectScatter ripples on the 12 highest.

Mixed series

Four month calendars each carry a different series, graph, heatmap, effectScatter and scatter, under two scales.