Graflume · Alpha

Calendar · Basic implementation · Common features

Explore daily intensity, seasonality, and gaps in a calendar grid. Start with only the required data and family encoding. Expand the code to run the same example. Use the tabs to compare header, tooltip, theme, legend, highlight, callout, selection, view controls, and accessibility one feature at a time.

Chart family · Default families

Calendar

Explore daily intensity, seasonality, and gaps in a calendar grid.

Quick API
calendar()
Browser snapshot
graflume
mark
calendar
Presets
1

Basic implementation

The smallest runnable chart

Start with only the required data and family encoding. Expand the code to run the same example.

Basic example

Explore daily intensity, seasonality, and gaps in a calendar grid.

StatusLoading

  • minimal-implementation
Graflume.calendar() Canvas 2D
Control help

Zoom and pan inspect the rendered surface without changing data axes or values. When playback controls are available, they move through real steps in the order each unique value first appears in the source data.

Use Tab to reach a control and Enter or Space to activate it. With the chart focused, use plus and minus to zoom and arrow keys to pan.

Auto placement compares perimeter candidates and avoids the plot, legend, and other callouts when possible. Explicit placement is preserved with only necessary safety correction. Callout text wraps safely inside the bubble. Long unbroken tokens are visually shortened within the line budget, while the complete source text remains available to assistive technology.

Loading

Browser API · Portable schema

Browser API

Graflume.calendar()

const data = [
  {
    "date": "2025-01-01",
    "value": 59
  },
  {
    "date": "2025-01-02",
    "value": 60
  },
  {
    "date": "2025-01-03",
    "value": 61
  },
  {
    "date": "2025-01-04",
    "value": 45
  },
  {
    "date": "2025-01-05",
    "value": 46
  },
  {
    "date": "2025-01-06",
    "value": 64
  },
  {
    "date": "2025-01-07",
    "value": 65
  },
  {
    "date": "2025-01-08",
    "value": 65
  },
  {
    "date": "2025-01-09",
    "value": 66
  },
  {
    "date": "2025-01-10",
    "value": 67
  },
  {
    "date": "2025-01-11",
    "value": 51
  },
  {
    "date": "2025-01-12",
    "value": 51
  },
  {
    "date": "2025-01-13",
    "value": 69
  },
  {
    "date": "2025-01-14",
    "value": 70
  },
  {
    "date": "2025-01-15",
    "value": 70
  },
  {
    "date": "2025-01-16",
    "value": 70
  },
  {
    "date": "2025-01-17",
    "value": 71
  },
  {
    "date": "2025-01-18",
    "value": 54
  },
  {
    "date": "2025-01-19",
    "value": 54
  },
  {
    "date": "2025-01-20",
    "value": 71
  },
  {
    "date": "2025-01-21",
    "value": 71
  },
  {
    "date": "2025-01-22",
    "value": 71
  },
  {
    "date": "2025-01-23",
    "value": 71
  },
  {
    "date": "2025-01-24",
    "value": 71
  },
  {
    "date": "2025-01-25",
    "value": 54
  },
  {
    "date": "2025-01-26",
    "value": 53
  },
  {
    "date": "2025-01-27",
    "value": 70
  },
  {
    "date": "2025-01-28",
    "value": 70
  },
  {
    "date": "2025-01-29",
    "value": 69
  },
  {
    "date": "2025-01-30",
    "value": 68
  },
  {
    "date": "2025-01-31",
    "value": 68
  },
  {
    "date": "2025-02-01",
    "value": 50
  },
  {
    "date": "2025-02-02",
    "value": 49
  },
  {
    "date": "2025-02-03",
    "value": 65
  },
  {
    "date": "2025-02-04",
    "value": 65
  },
  {
    "date": "2025-02-05",
    "value": 64
  },
  {
    "date": "2025-02-06",
    "value": 63
  },
  {
    "date": "2025-02-07",
    "value": 62
  },
  {
    "date": "2025-02-08",
    "value": 44
  },
  {
    "date": "2025-02-09",
    "value": 43
  },
  {
    "date": "2025-02-10",
    "value": 59
  },
  {
    "date": "2025-02-11",
    "value": 57
  },
  {
    "date": "2025-02-12",
    "value": 56
  },
  {
    "date": "2025-02-13",
    "value": 55
  },
  {
    "date": "2025-02-14",
    "value": 54
  },
  {
    "date": "2025-02-15",
    "value": 36
  },
  {
    "date": "2025-02-16",
    "value": 35
  },
  {
    "date": "2025-02-17",
    "value": 51
  },
  {
    "date": "2025-02-18",
    "value": 50
  },
  {
    "date": "2025-02-19",
    "value": 49
  },
  {
    "date": "2025-02-20",
    "value": 48
  },
  {
    "date": "2025-02-21",
    "value": 47
  },
  {
    "date": "2025-02-22",
    "value": 29
  },
  {
    "date": "2025-02-23",
    "value": 28
  },
  {
    "date": "2025-02-24",
    "value": 45
  },
  {
    "date": "2025-02-25",
    "value": 44
  },
  {
    "date": "2025-02-26",
    "value": 43
  },
  {
    "date": "2025-02-27",
    "value": 43
  },
  {
    "date": "2025-02-28",
    "value": 42
  },
  {
    "date": "2025-03-01",
    "value": 25
  },
  {
    "date": "2025-03-02",
    "value": 24
  },
  {
    "date": "2025-03-03",
    "value": 41
  },
  {
    "date": "2025-03-04",
    "value": 41
  },
  {
    "date": "2025-03-05",
    "value": 41
  },
  {
    "date": "2025-03-06",
    "value": 41
  },
  {
    "date": "2025-03-07",
    "value": 41
  },
  {
    "date": "2025-03-08",
    "value": 24
  },
  {
    "date": "2025-03-09",
    "value": 24
  },
  {
    "date": "2025-03-10",
    "value": 41
  },
  {
    "date": "2025-03-11",
    "value": 41
  },
  {
    "date": "2025-03-12",
    "value": 42
  },
  {
    "date": "2025-03-13",
    "value": 42
  },
  {
    "date": "2025-03-14",
    "value": 42
  },
  {
    "date": "2025-03-15",
    "value": 26
  },
  {
    "date": "2025-03-16",
    "value": 26
  },
  {
    "date": "2025-03-17",
    "value": 44
  },
  {
    "date": "2025-03-18",
    "value": 45
  },
  {
    "date": "2025-03-19",
    "value": 45
  },
  {
    "date": "2025-03-20",
    "value": 46
  },
  {
    "date": "2025-03-21",
    "value": 47
  },
  {
    "date": "2025-03-22",
    "value": 31
  },
  {
    "date": "2025-03-23",
    "value": 31
  },
  {
    "date": "2025-03-24",
    "value": 49
  },
  {
    "date": "2025-03-25",
    "value": 50
  },
  {
    "date": "2025-03-26",
    "value": 51
  },
  {
    "date": "2025-03-27",
    "value": 52
  },
  {
    "date": "2025-03-28",
    "value": 53
  },
  {
    "date": "2025-03-29",
    "value": 36
  },
  {
    "date": "2025-03-30",
    "value": 37
  },
  {
    "date": "2025-03-31",
    "value": 55
  },
  {
    "date": "2025-04-01",
    "value": 56
  },
  {
    "date": "2025-04-02",
    "value": 56
  },
  {
    "date": "2025-04-03",
    "value": 57
  },
  {
    "date": "2025-04-04",
    "value": 58
  },
  {
    "date": "2025-04-05",
    "value": 41
  },
  {
    "date": "2025-04-06",
    "value": 42
  },
  {
    "date": "2025-04-07",
    "value": 59
  },
  {
    "date": "2025-04-08",
    "value": 60
  },
  {
    "date": "2025-04-09",
    "value": 60
  },
  {
    "date": "2025-04-10",
    "value": 60
  },
  {
    "date": "2025-04-11",
    "value": 61
  },
  {
    "date": "2025-04-12",
    "value": 44
  },
  {
    "date": "2025-04-13",
    "value": 44
  },
  {
    "date": "2025-04-14",
    "value": 61
  },
  {
    "date": "2025-04-15",
    "value": 61
  },
  {
    "date": "2025-04-16",
    "value": 61
  },
  {
    "date": "2025-04-17",
    "value": 61
  },
  {
    "date": "2025-04-18",
    "value": 60
  },
  {
    "date": "2025-04-19",
    "value": 43
  },
  {
    "date": "2025-04-20",
    "value": 43
  },
  {
    "date": "2025-04-21",
    "value": 59
  },
  {
    "date": "2025-04-22",
    "value": 59
  },
  {
    "date": "2025-04-23",
    "value": 58
  },
  {
    "date": "2025-04-24",
    "value": 58
  },
  {
    "date": "2025-04-25",
    "value": 57
  },
  {
    "date": "2025-04-26",
    "value": 39
  },
  {
    "date": "2025-04-27",
    "value": 38
  },
  {
    "date": "2025-04-28",
    "value": 54
  },
  {
    "date": "2025-04-29",
    "value": 54
  },
  {
    "date": "2025-04-30",
    "value": 53
  },
  {
    "date": "2025-05-01",
    "value": 52
  },
  {
    "date": "2025-05-02",
    "value": 51
  },
  {
    "date": "2025-05-03",
    "value": 33
  },
  {
    "date": "2025-05-04",
    "value": 32
  },
  {
    "date": "2025-05-05",
    "value": 48
  },
  {
    "date": "2025-05-06",
    "value": 47
  },
  {
    "date": "2025-05-07",
    "value": 46
  },
  {
    "date": "2025-05-08",
    "value": 44
  },
  {
    "date": "2025-05-09",
    "value": 43
  },
  {
    "date": "2025-05-10",
    "value": 25
  },
  {
    "date": "2025-05-11",
    "value": 24
  },
  {
    "date": "2025-05-12",
    "value": 40
  },
  {
    "date": "2025-05-13",
    "value": 40
  },
  {
    "date": "2025-05-14",
    "value": 39
  },
  {
    "date": "2025-05-15",
    "value": 38
  },
  {
    "date": "2025-05-16",
    "value": 37
  },
  {
    "date": "2025-05-17",
    "value": 19
  },
  {
    "date": "2025-05-18",
    "value": 18
  },
  {
    "date": "2025-05-19",
    "value": 35
  },
  {
    "date": "2025-05-20",
    "value": 34
  },
  {
    "date": "2025-05-21",
    "value": 34
  },
  {
    "date": "2025-05-22",
    "value": 33
  },
  {
    "date": "2025-05-23",
    "value": 33
  },
  {
    "date": "2025-05-24",
    "value": 16
  },
  {
    "date": "2025-05-25",
    "value": 15
  },
  {
    "date": "2025-05-26",
    "value": 32
  },
  {
    "date": "2025-05-27",
    "value": 32
  },
  {
    "date": "2025-05-28",
    "value": 32
  },
  {
    "date": "2025-05-29",
    "value": 32
  },
  {
    "date": "2025-05-30",
    "value": 32
  },
  {
    "date": "2025-05-31",
    "value": 15
  },
  {
    "date": "2025-06-01",
    "value": 16
  },
  {
    "date": "2025-06-02",
    "value": 33
  },
  {
    "date": "2025-06-03",
    "value": 33
  },
  {
    "date": "2025-06-04",
    "value": 34
  },
  {
    "date": "2025-06-05",
    "value": 35
  },
  {
    "date": "2025-06-06",
    "value": 35
  },
  {
    "date": "2025-06-07",
    "value": 19
  },
  {
    "date": "2025-06-08",
    "value": 20
  },
  {
    "date": "2025-06-09",
    "value": 37
  },
  {
    "date": "2025-06-10",
    "value": 38
  },
  {
    "date": "2025-06-11",
    "value": 39
  },
  {
    "date": "2025-06-12",
    "value": 40
  },
  {
    "date": "2025-06-13",
    "value": 41
  },
  {
    "date": "2025-06-14",
    "value": 25
  },
  {
    "date": "2025-06-15",
    "value": 26
  },
  {
    "date": "2025-06-16",
    "value": 44
  },
  {
    "date": "2025-06-17",
    "value": 45
  },
  {
    "date": "2025-06-18",
    "value": 46
  },
  {
    "date": "2025-06-19",
    "value": 47
  },
  {
    "date": "2025-06-20",
    "value": 48
  },
  {
    "date": "2025-06-21",
    "value": 32
  },
  {
    "date": "2025-06-22",
    "value": 33
  },
  {
    "date": "2025-06-23",
    "value": 51
  },
  {
    "date": "2025-06-24",
    "value": 52
  },
  {
    "date": "2025-06-25",
    "value": 53
  },
  {
    "date": "2025-06-26",
    "value": 54
  },
  {
    "date": "2025-06-27",
    "value": 55
  },
  {
    "date": "2025-06-28",
    "value": 38
  },
  {
    "date": "2025-06-29",
    "value": 39
  },
  {
    "date": "2025-06-30",
    "value": 57
  },
  {
    "date": "2025-07-01",
    "value": 57
  },
  {
    "date": "2025-07-02",
    "value": 58
  },
  {
    "date": "2025-07-03",
    "value": 59
  },
  {
    "date": "2025-07-04",
    "value": 59
  },
  {
    "date": "2025-07-05",
    "value": 42
  },
  {
    "date": "2025-07-06",
    "value": 43
  },
  {
    "date": "2025-07-07",
    "value": 60
  },
  {
    "date": "2025-07-08",
    "value": 60
  },
  {
    "date": "2025-07-09",
    "value": 60
  },
  {
    "date": "2025-07-10",
    "value": 60
  },
  {
    "date": "2025-07-11",
    "value": 60
  },
  {
    "date": "2025-07-12",
    "value": 43
  },
  {
    "date": "2025-07-13",
    "value": 43
  },
  {
    "date": "2025-07-14",
    "value": 60
  },
  {
    "date": "2025-07-15",
    "value": 59
  },
  {
    "date": "2025-07-16",
    "value": 59
  },
  {
    "date": "2025-07-17",
    "value": 59
  },
  {
    "date": "2025-07-18",
    "value": 58
  },
  {
    "date": "2025-07-19",
    "value": 41
  },
  {
    "date": "2025-07-20",
    "value": 40
  },
  {
    "date": "2025-07-21",
    "value": 56
  },
  {
    "date": "2025-07-22",
    "value": 56
  },
  {
    "date": "2025-07-23",
    "value": 55
  },
  {
    "date": "2025-07-24",
    "value": 54
  },
  {
    "date": "2025-07-25",
    "value": 53
  },
  {
    "date": "2025-07-26",
    "value": 36
  },
  {
    "date": "2025-07-27",
    "value": 35
  },
  {
    "date": "2025-07-28",
    "value": 51
  },
  {
    "date": "2025-07-29",
    "value": 50
  },
  {
    "date": "2025-07-30",
    "value": 49
  },
  {
    "date": "2025-07-31",
    "value": 49
  },
  {
    "date": "2025-08-01",
    "value": 48
  },
  {
    "date": "2025-08-02",
    "value": 30
  },
  {
    "date": "2025-08-03",
    "value": 29
  },
  {
    "date": "2025-08-04",
    "value": 45
  },
  {
    "date": "2025-08-05",
    "value": 45
  },
  {
    "date": "2025-08-06",
    "value": 44
  },
  {
    "date": "2025-08-07",
    "value": 43
  },
  {
    "date": "2025-08-08",
    "value": 43
  },
  {
    "date": "2025-08-09",
    "value": 25
  },
  {
    "date": "2025-08-10",
    "value": 25
  },
  {
    "date": "2025-08-11",
    "value": 41
  },
  {
    "date": "2025-08-12",
    "value": 41
  },
  {
    "date": "2025-08-13",
    "value": 40
  },
  {
    "date": "2025-08-14",
    "value": 40
  },
  {
    "date": "2025-08-15",
    "value": 40
  },
  {
    "date": "2025-08-16",
    "value": 23
  },
  {
    "date": "2025-08-17",
    "value": 23
  },
  {
    "date": "2025-08-18",
    "value": 40
  },
  {
    "date": "2025-08-19",
    "value": 40
  },
  {
    "date": "2025-08-20",
    "value": 40
  },
  {
    "date": "2025-08-21",
    "value": 40
  },
  {
    "date": "2025-08-22",
    "value": 41
  },
  {
    "date": "2025-08-23",
    "value": 24
  },
  {
    "date": "2025-08-24",
    "value": 24
  },
  {
    "date": "2025-08-25",
    "value": 42
  },
  {
    "date": "2025-08-26",
    "value": 42
  },
  {
    "date": "2025-08-27",
    "value": 61
  },
  {
    "date": "2025-08-28",
    "value": 62
  },
  {
    "date": "2025-08-29",
    "value": 62
  },
  {
    "date": "2025-08-30",
    "value": 46
  },
  {
    "date": "2025-08-31",
    "value": 47
  },
  {
    "date": "2025-09-01",
    "value": 65
  },
  {
    "date": "2025-09-02",
    "value": 66
  },
  {
    "date": "2025-09-03",
    "value": 67
  },
  {
    "date": "2025-09-04",
    "value": 68
  },
  {
    "date": "2025-09-05",
    "value": 69
  },
  {
    "date": "2025-09-06",
    "value": 53
  },
  {
    "date": "2025-09-07",
    "value": 54
  },
  {
    "date": "2025-09-08",
    "value": 72
  },
  {
    "date": "2025-09-09",
    "value": 73
  },
  {
    "date": "2025-09-10",
    "value": 74
  },
  {
    "date": "2025-09-11",
    "value": 76
  },
  {
    "date": "2025-09-12",
    "value": 77
  },
  {
    "date": "2025-09-13",
    "value": 61
  },
  {
    "date": "2025-09-14",
    "value": 62
  },
  {
    "date": "2025-09-15",
    "value": 80
  },
  {
    "date": "2025-09-16",
    "value": 81
  },
  {
    "date": "2025-09-17",
    "value": 82
  },
  {
    "date": "2025-09-18",
    "value": 83
  },
  {
    "date": "2025-09-19",
    "value": 83
  },
  {
    "date": "2025-09-20",
    "value": 67
  },
  {
    "date": "2025-09-21",
    "value": 68
  },
  {
    "date": "2025-09-22",
    "value": 86
  },
  {
    "date": "2025-09-23",
    "value": 86
  },
  {
    "date": "2025-09-24",
    "value": 87
  },
  {
    "date": "2025-09-25",
    "value": 87
  },
  {
    "date": "2025-09-26",
    "value": 88
  },
  {
    "date": "2025-09-27",
    "value": 71
  },
  {
    "date": "2025-09-28",
    "value": 72
  },
  {
    "date": "2025-09-29",
    "value": 89
  },
  {
    "date": "2025-09-30",
    "value": 89
  },
  {
    "date": "2025-10-01",
    "value": 89
  },
  {
    "date": "2025-10-02",
    "value": 89
  },
  {
    "date": "2025-10-03",
    "value": 89
  },
  {
    "date": "2025-10-04",
    "value": 72
  },
  {
    "date": "2025-10-05",
    "value": 71
  },
  {
    "date": "2025-10-06",
    "value": 88
  },
  {
    "date": "2025-10-07",
    "value": 88
  },
  {
    "date": "2025-10-08",
    "value": 87
  },
  {
    "date": "2025-10-09",
    "value": 87
  },
  {
    "date": "2025-10-10",
    "value": 86
  },
  {
    "date": "2025-10-11",
    "value": 69
  },
  {
    "date": "2025-10-12",
    "value": 68
  },
  {
    "date": "2025-10-13",
    "value": 84
  },
  {
    "date": "2025-10-14",
    "value": 83
  },
  {
    "date": "2025-10-15",
    "value": 83
  },
  {
    "date": "2025-10-16",
    "value": 82
  },
  {
    "date": "2025-10-17",
    "value": 81
  },
  {
    "date": "2025-10-18",
    "value": 63
  },
  {
    "date": "2025-10-19",
    "value": 62
  },
  {
    "date": "2025-10-20",
    "value": 78
  },
  {
    "date": "2025-10-21",
    "value": 77
  },
  {
    "date": "2025-10-22",
    "value": 76
  },
  {
    "date": "2025-10-23",
    "value": 75
  },
  {
    "date": "2025-10-24",
    "value": 74
  },
  {
    "date": "2025-10-25",
    "value": 56
  },
  {
    "date": "2025-10-26",
    "value": 55
  },
  {
    "date": "2025-10-27",
    "value": 72
  },
  {
    "date": "2025-10-28",
    "value": 71
  },
  {
    "date": "2025-10-29",
    "value": 70
  },
  {
    "date": "2025-10-30",
    "value": 69
  },
  {
    "date": "2025-10-31",
    "value": 68
  },
  {
    "date": "2025-11-01",
    "value": 51
  },
  {
    "date": "2025-11-02",
    "value": 50
  },
  {
    "date": "2025-11-03",
    "value": 66
  },
  {
    "date": "2025-11-04",
    "value": 66
  },
  {
    "date": "2025-11-05",
    "value": 65
  },
  {
    "date": "2025-11-06",
    "value": 65
  },
  {
    "date": "2025-11-07",
    "value": 64
  },
  {
    "date": "2025-11-08",
    "value": 47
  },
  {
    "date": "2025-11-09",
    "value": 47
  },
  {
    "date": "2025-11-10",
    "value": 64
  },
  {
    "date": "2025-11-11",
    "value": 64
  },
  {
    "date": "2025-11-12",
    "value": 64
  },
  {
    "date": "2025-11-13",
    "value": 64
  },
  {
    "date": "2025-11-14",
    "value": 64
  },
  {
    "date": "2025-11-15",
    "value": 47
  },
  {
    "date": "2025-11-16",
    "value": 47
  },
  {
    "date": "2025-11-17",
    "value": 65
  },
  {
    "date": "2025-11-18",
    "value": 65
  },
  {
    "date": "2025-11-19",
    "value": 65
  },
  {
    "date": "2025-11-20",
    "value": 66
  },
  {
    "date": "2025-11-21",
    "value": 66
  },
  {
    "date": "2025-11-22",
    "value": 50
  },
  {
    "date": "2025-11-23",
    "value": 51
  },
  {
    "date": "2025-11-24",
    "value": 68
  },
  {
    "date": "2025-11-25",
    "value": 69
  },
  {
    "date": "2025-11-26",
    "value": 70
  },
  {
    "date": "2025-11-27",
    "value": 71
  },
  {
    "date": "2025-11-28",
    "value": 72
  },
  {
    "date": "2025-11-29",
    "value": 55
  },
  {
    "date": "2025-11-30",
    "value": 56
  },
  {
    "date": "2025-12-01",
    "value": 74
  },
  {
    "date": "2025-12-02",
    "value": 75
  },
  {
    "date": "2025-12-03",
    "value": 76
  },
  {
    "date": "2025-12-04",
    "value": 77
  },
  {
    "date": "2025-12-05",
    "value": 78
  },
  {
    "date": "2025-12-06",
    "value": 61
  },
  {
    "date": "2025-12-07",
    "value": 62
  },
  {
    "date": "2025-12-08",
    "value": 80
  },
  {
    "date": "2025-12-09",
    "value": 81
  },
  {
    "date": "2025-12-10",
    "value": 81
  },
  {
    "date": "2025-12-11",
    "value": 82
  },
  {
    "date": "2025-12-12",
    "value": 83
  },
  {
    "date": "2025-12-13",
    "value": 66
  },
  {
    "date": "2025-12-14",
    "value": 67
  },
  {
    "date": "2025-12-15",
    "value": 84
  },
  {
    "date": "2025-12-16",
    "value": 85
  },
  {
    "date": "2025-12-17",
    "value": 85
  },
  {
    "date": "2025-12-18",
    "value": 85
  },
  {
    "date": "2025-12-19",
    "value": 86
  },
  {
    "date": "2025-12-20",
    "value": 69
  },
  {
    "date": "2025-12-21",
    "value": 69
  },
  {
    "date": "2025-12-22",
    "value": 86
  },
  {
    "date": "2025-12-23",
    "value": 86
  },
  {
    "date": "2025-12-24",
    "value": 85
  },
  {
    "date": "2025-12-25",
    "value": 85
  },
  {
    "date": "2025-12-26",
    "value": 85
  },
  {
    "date": "2025-12-27",
    "value": 67
  },
  {
    "date": "2025-12-28",
    "value": 67
  },
  {
    "date": "2025-12-29",
    "value": 83
  },
  {
    "date": "2025-12-30",
    "value": 83
  },
  {
    "date": "2025-12-31",
    "value": 82
  }
];

const options = {
  "axes": {
    "x": false,
    "y": false
  },
  "height": 620,
  "locale": "en",
  "width": "container",
  "x": {
    "field": "date",
    "title": "Date",
    "type": "temporal"
  },
  "y": {
    "field": "value",
    "title": "Daily sessions",
    "type": "quantitative"
  }
};

Graflume.calendar('#chart', data, options);

Portable schema

ChartSpec 0.1 · options

{
  "axes": {
    "x": false,
    "y": false
  },
  "height": 620,
  "locale": "en",
  "width": "container",
  "x": {
    "field": "date",
    "title": "Date",
    "type": "temporal"
  },
  "y": {
    "field": "value",
    "title": "Daily sessions",
    "type": "quantitative"
  }
}

Common features

Features shared by every chart

Use the tabs to compare header, tooltip, theme, legend, highlight, callout, selection, view controls, and accessibility one feature at a time. Hover over a data mark. On supported charts, move the pointer along the axis to see the nearest value. All exact values are available in the table below.

Header

Add a chart title and supporting description inside the visualization.

StatusLoading

  • header
Graflume.calendar() Canvas 2D
Control help

Zoom and pan inspect the rendered surface without changing data axes or values. When playback controls are available, they move through real steps in the order each unique value first appears in the source data.

Use Tab to reach a control and Enter or Space to activate it. With the chart focused, use plus and minus to zoom and arrow keys to pan.

Auto placement compares perimeter candidates and avoids the plot, legend, and other callouts when possible. Explicit placement is preserved with only necessary safety correction. Callout text wraps safely inside the bubble. Long unbroken tokens are visually shortened within the line budget, while the complete source text remains available to assistive technology.

Loading

Browser API · Portable schema

Browser API

Graflume.calendar()

const data = [
  {
    "date": "2025-01-01",
    "value": 59
  },
  {
    "date": "2025-01-02",
    "value": 60
  },
  {
    "date": "2025-01-03",
    "value": 61
  },
  {
    "date": "2025-01-04",
    "value": 45
  },
  {
    "date": "2025-01-05",
    "value": 46
  },
  {
    "date": "2025-01-06",
    "value": 64
  },
  {
    "date": "2025-01-07",
    "value": 65
  },
  {
    "date": "2025-01-08",
    "value": 65
  },
  {
    "date": "2025-01-09",
    "value": 66
  },
  {
    "date": "2025-01-10",
    "value": 67
  },
  {
    "date": "2025-01-11",
    "value": 51
  },
  {
    "date": "2025-01-12",
    "value": 51
  },
  {
    "date": "2025-01-13",
    "value": 69
  },
  {
    "date": "2025-01-14",
    "value": 70
  },
  {
    "date": "2025-01-15",
    "value": 70
  },
  {
    "date": "2025-01-16",
    "value": 70
  },
  {
    "date": "2025-01-17",
    "value": 71
  },
  {
    "date": "2025-01-18",
    "value": 54
  },
  {
    "date": "2025-01-19",
    "value": 54
  },
  {
    "date": "2025-01-20",
    "value": 71
  },
  {
    "date": "2025-01-21",
    "value": 71
  },
  {
    "date": "2025-01-22",
    "value": 71
  },
  {
    "date": "2025-01-23",
    "value": 71
  },
  {
    "date": "2025-01-24",
    "value": 71
  },
  {
    "date": "2025-01-25",
    "value": 54
  },
  {
    "date": "2025-01-26",
    "value": 53
  },
  {
    "date": "2025-01-27",
    "value": 70
  },
  {
    "date": "2025-01-28",
    "value": 70
  },
  {
    "date": "2025-01-29",
    "value": 69
  },
  {
    "date": "2025-01-30",
    "value": 68
  },
  {
    "date": "2025-01-31",
    "value": 68
  },
  {
    "date": "2025-02-01",
    "value": 50
  },
  {
    "date": "2025-02-02",
    "value": 49
  },
  {
    "date": "2025-02-03",
    "value": 65
  },
  {
    "date": "2025-02-04",
    "value": 65
  },
  {
    "date": "2025-02-05",
    "value": 64
  },
  {
    "date": "2025-02-06",
    "value": 63
  },
  {
    "date": "2025-02-07",
    "value": 62
  },
  {
    "date": "2025-02-08",
    "value": 44
  },
  {
    "date": "2025-02-09",
    "value": 43
  },
  {
    "date": "2025-02-10",
    "value": 59
  },
  {
    "date": "2025-02-11",
    "value": 57
  },
  {
    "date": "2025-02-12",
    "value": 56
  },
  {
    "date": "2025-02-13",
    "value": 55
  },
  {
    "date": "2025-02-14",
    "value": 54
  },
  {
    "date": "2025-02-15",
    "value": 36
  },
  {
    "date": "2025-02-16",
    "value": 35
  },
  {
    "date": "2025-02-17",
    "value": 51
  },
  {
    "date": "2025-02-18",
    "value": 50
  },
  {
    "date": "2025-02-19",
    "value": 49
  },
  {
    "date": "2025-02-20",
    "value": 48
  },
  {
    "date": "2025-02-21",
    "value": 47
  },
  {
    "date": "2025-02-22",
    "value": 29
  },
  {
    "date": "2025-02-23",
    "value": 28
  },
  {
    "date": "2025-02-24",
    "value": 45
  },
  {
    "date": "2025-02-25",
    "value": 44
  },
  {
    "date": "2025-02-26",
    "value": 43
  },
  {
    "date": "2025-02-27",
    "value": 43
  },
  {
    "date": "2025-02-28",
    "value": 42
  },
  {
    "date": "2025-03-01",
    "value": 25
  },
  {
    "date": "2025-03-02",
    "value": 24
  },
  {
    "date": "2025-03-03",
    "value": 41
  },
  {
    "date": "2025-03-04",
    "value": 41
  },
  {
    "date": "2025-03-05",
    "value": 41
  },
  {
    "date": "2025-03-06",
    "value": 41
  },
  {
    "date": "2025-03-07",
    "value": 41
  },
  {
    "date": "2025-03-08",
    "value": 24
  },
  {
    "date": "2025-03-09",
    "value": 24
  },
  {
    "date": "2025-03-10",
    "value": 41
  },
  {
    "date": "2025-03-11",
    "value": 41
  },
  {
    "date": "2025-03-12",
    "value": 42
  },
  {
    "date": "2025-03-13",
    "value": 42
  },
  {
    "date": "2025-03-14",
    "value": 42
  },
  {
    "date": "2025-03-15",
    "value": 26
  },
  {
    "date": "2025-03-16",
    "value": 26
  },
  {
    "date": "2025-03-17",
    "value": 44
  },
  {
    "date": "2025-03-18",
    "value": 45
  },
  {
    "date": "2025-03-19",
    "value": 45
  },
  {
    "date": "2025-03-20",
    "value": 46
  },
  {
    "date": "2025-03-21",
    "value": 47
  },
  {
    "date": "2025-03-22",
    "value": 31
  },
  {
    "date": "2025-03-23",
    "value": 31
  },
  {
    "date": "2025-03-24",
    "value": 49
  },
  {
    "date": "2025-03-25",
    "value": 50
  },
  {
    "date": "2025-03-26",
    "value": 51
  },
  {
    "date": "2025-03-27",
    "value": 52
  },
  {
    "date": "2025-03-28",
    "value": 53
  },
  {
    "date": "2025-03-29",
    "value": 36
  },
  {
    "date": "2025-03-30",
    "value": 37
  },
  {
    "date": "2025-03-31",
    "value": 55
  },
  {
    "date": "2025-04-01",
    "value": 56
  },
  {
    "date": "2025-04-02",
    "value": 56
  },
  {
    "date": "2025-04-03",
    "value": 57
  },
  {
    "date": "2025-04-04",
    "value": 58
  },
  {
    "date": "2025-04-05",
    "value": 41
  },
  {
    "date": "2025-04-06",
    "value": 42
  },
  {
    "date": "2025-04-07",
    "value": 59
  },
  {
    "date": "2025-04-08",
    "value": 60
  },
  {
    "date": "2025-04-09",
    "value": 60
  },
  {
    "date": "2025-04-10",
    "value": 60
  },
  {
    "date": "2025-04-11",
    "value": 61
  },
  {
    "date": "2025-04-12",
    "value": 44
  },
  {
    "date": "2025-04-13",
    "value": 44
  },
  {
    "date": "2025-04-14",
    "value": 61
  },
  {
    "date": "2025-04-15",
    "value": 61
  },
  {
    "date": "2025-04-16",
    "value": 61
  },
  {
    "date": "2025-04-17",
    "value": 61
  },
  {
    "date": "2025-04-18",
    "value": 60
  },
  {
    "date": "2025-04-19",
    "value": 43
  },
  {
    "date": "2025-04-20",
    "value": 43
  },
  {
    "date": "2025-04-21",
    "value": 59
  },
  {
    "date": "2025-04-22",
    "value": 59
  },
  {
    "date": "2025-04-23",
    "value": 58
  },
  {
    "date": "2025-04-24",
    "value": 58
  },
  {
    "date": "2025-04-25",
    "value": 57
  },
  {
    "date": "2025-04-26",
    "value": 39
  },
  {
    "date": "2025-04-27",
    "value": 38
  },
  {
    "date": "2025-04-28",
    "value": 54
  },
  {
    "date": "2025-04-29",
    "value": 54
  },
  {
    "date": "2025-04-30",
    "value": 53
  },
  {
    "date": "2025-05-01",
    "value": 52
  },
  {
    "date": "2025-05-02",
    "value": 51
  },
  {
    "date": "2025-05-03",
    "value": 33
  },
  {
    "date": "2025-05-04",
    "value": 32
  },
  {
    "date": "2025-05-05",
    "value": 48
  },
  {
    "date": "2025-05-06",
    "value": 47
  },
  {
    "date": "2025-05-07",
    "value": 46
  },
  {
    "date": "2025-05-08",
    "value": 44
  },
  {
    "date": "2025-05-09",
    "value": 43
  },
  {
    "date": "2025-05-10",
    "value": 25
  },
  {
    "date": "2025-05-11",
    "value": 24
  },
  {
    "date": "2025-05-12",
    "value": 40
  },
  {
    "date": "2025-05-13",
    "value": 40
  },
  {
    "date": "2025-05-14",
    "value": 39
  },
  {
    "date": "2025-05-15",
    "value": 38
  },
  {
    "date": "2025-05-16",
    "value": 37
  },
  {
    "date": "2025-05-17",
    "value": 19
  },
  {
    "date": "2025-05-18",
    "value": 18
  },
  {
    "date": "2025-05-19",
    "value": 35
  },
  {
    "date": "2025-05-20",
    "value": 34
  },
  {
    "date": "2025-05-21",
    "value": 34
  },
  {
    "date": "2025-05-22",
    "value": 33
  },
  {
    "date": "2025-05-23",
    "value": 33
  },
  {
    "date": "2025-05-24",
    "value": 16
  },
  {
    "date": "2025-05-25",
    "value": 15
  },
  {
    "date": "2025-05-26",
    "value": 32
  },
  {
    "date": "2025-05-27",
    "value": 32
  },
  {
    "date": "2025-05-28",
    "value": 32
  },
  {
    "date": "2025-05-29",
    "value": 32
  },
  {
    "date": "2025-05-30",
    "value": 32
  },
  {
    "date": "2025-05-31",
    "value": 15
  },
  {
    "date": "2025-06-01",
    "value": 16
  },
  {
    "date": "2025-06-02",
    "value": 33
  },
  {
    "date": "2025-06-03",
    "value": 33
  },
  {
    "date": "2025-06-04",
    "value": 34
  },
  {
    "date": "2025-06-05",
    "value": 35
  },
  {
    "date": "2025-06-06",
    "value": 35
  },
  {
    "date": "2025-06-07",
    "value": 19
  },
  {
    "date": "2025-06-08",
    "value": 20
  },
  {
    "date": "2025-06-09",
    "value": 37
  },
  {
    "date": "2025-06-10",
    "value": 38
  },
  {
    "date": "2025-06-11",
    "value": 39
  },
  {
    "date": "2025-06-12",
    "value": 40
  },
  {
    "date": "2025-06-13",
    "value": 41
  },
  {
    "date": "2025-06-14",
    "value": 25
  },
  {
    "date": "2025-06-15",
    "value": 26
  },
  {
    "date": "2025-06-16",
    "value": 44
  },
  {
    "date": "2025-06-17",
    "value": 45
  },
  {
    "date": "2025-06-18",
    "value": 46
  },
  {
    "date": "2025-06-19",
    "value": 47
  },
  {
    "date": "2025-06-20",
    "value": 48
  },
  {
    "date": "2025-06-21",
    "value": 32
  },
  {
    "date": "2025-06-22",
    "value": 33
  },
  {
    "date": "2025-06-23",
    "value": 51
  },
  {
    "date": "2025-06-24",
    "value": 52
  },
  {
    "date": "2025-06-25",
    "value": 53
  },
  {
    "date": "2025-06-26",
    "value": 54
  },
  {
    "date": "2025-06-27",
    "value": 55
  },
  {
    "date": "2025-06-28",
    "value": 38
  },
  {
    "date": "2025-06-29",
    "value": 39
  },
  {
    "date": "2025-06-30",
    "value": 57
  },
  {
    "date": "2025-07-01",
    "value": 57
  },
  {
    "date": "2025-07-02",
    "value": 58
  },
  {
    "date": "2025-07-03",
    "value": 59
  },
  {
    "date": "2025-07-04",
    "value": 59
  },
  {
    "date": "2025-07-05",
    "value": 42
  },
  {
    "date": "2025-07-06",
    "value": 43
  },
  {
    "date": "2025-07-07",
    "value": 60
  },
  {
    "date": "2025-07-08",
    "value": 60
  },
  {
    "date": "2025-07-09",
    "value": 60
  },
  {
    "date": "2025-07-10",
    "value": 60
  },
  {
    "date": "2025-07-11",
    "value": 60
  },
  {
    "date": "2025-07-12",
    "value": 43
  },
  {
    "date": "2025-07-13",
    "value": 43
  },
  {
    "date": "2025-07-14",
    "value": 60
  },
  {
    "date": "2025-07-15",
    "value": 59
  },
  {
    "date": "2025-07-16",
    "value": 59
  },
  {
    "date": "2025-07-17",
    "value": 59
  },
  {
    "date": "2025-07-18",
    "value": 58
  },
  {
    "date": "2025-07-19",
    "value": 41
  },
  {
    "date": "2025-07-20",
    "value": 40
  },
  {
    "date": "2025-07-21",
    "value": 56
  },
  {
    "date": "2025-07-22",
    "value": 56
  },
  {
    "date": "2025-07-23",
    "value": 55
  },
  {
    "date": "2025-07-24",
    "value": 54
  },
  {
    "date": "2025-07-25",
    "value": 53
  },
  {
    "date": "2025-07-26",
    "value": 36
  },
  {
    "date": "2025-07-27",
    "value": 35
  },
  {
    "date": "2025-07-28",
    "value": 51
  },
  {
    "date": "2025-07-29",
    "value": 50
  },
  {
    "date": "2025-07-30",
    "value": 49
  },
  {
    "date": "2025-07-31",
    "value": 49
  },
  {
    "date": "2025-08-01",
    "value": 48
  },
  {
    "date": "2025-08-02",
    "value": 30
  },
  {
    "date": "2025-08-03",
    "value": 29
  },
  {
    "date": "2025-08-04",
    "value": 45
  },
  {
    "date": "2025-08-05",
    "value": 45
  },
  {
    "date": "2025-08-06",
    "value": 44
  },
  {
    "date": "2025-08-07",
    "value": 43
  },
  {
    "date": "2025-08-08",
    "value": 43
  },
  {
    "date": "2025-08-09",
    "value": 25
  },
  {
    "date": "2025-08-10",
    "value": 25
  },
  {
    "date": "2025-08-11",
    "value": 41
  },
  {
    "date": "2025-08-12",
    "value": 41
  },
  {
    "date": "2025-08-13",
    "value": 40
  },
  {
    "date": "2025-08-14",
    "value": 40
  },
  {
    "date": "2025-08-15",
    "value": 40
  },
  {
    "date": "2025-08-16",
    "value": 23
  },
  {
    "date": "2025-08-17",
    "value": 23
  },
  {
    "date": "2025-08-18",
    "value": 40
  },
  {
    "date": "2025-08-19",
    "value": 40
  },
  {
    "date": "2025-08-20",
    "value": 40
  },
  {
    "date": "2025-08-21",
    "value": 40
  },
  {
    "date": "2025-08-22",
    "value": 41
  },
  {
    "date": "2025-08-23",
    "value": 24
  },
  {
    "date": "2025-08-24",
    "value": 24
  },
  {
    "date": "2025-08-25",
    "value": 42
  },
  {
    "date": "2025-08-26",
    "value": 42
  },
  {
    "date": "2025-08-27",
    "value": 61
  },
  {
    "date": "2025-08-28",
    "value": 62
  },
  {
    "date": "2025-08-29",
    "value": 62
  },
  {
    "date": "2025-08-30",
    "value": 46
  },
  {
    "date": "2025-08-31",
    "value": 47
  },
  {
    "date": "2025-09-01",
    "value": 65
  },
  {
    "date": "2025-09-02",
    "value": 66
  },
  {
    "date": "2025-09-03",
    "value": 67
  },
  {
    "date": "2025-09-04",
    "value": 68
  },
  {
    "date": "2025-09-05",
    "value": 69
  },
  {
    "date": "2025-09-06",
    "value": 53
  },
  {
    "date": "2025-09-07",
    "value": 54
  },
  {
    "date": "2025-09-08",
    "value": 72
  },
  {
    "date": "2025-09-09",
    "value": 73
  },
  {
    "date": "2025-09-10",
    "value": 74
  },
  {
    "date": "2025-09-11",
    "value": 76
  },
  {
    "date": "2025-09-12",
    "value": 77
  },
  {
    "date": "2025-09-13",
    "value": 61
  },
  {
    "date": "2025-09-14",
    "value": 62
  },
  {
    "date": "2025-09-15",
    "value": 80
  },
  {
    "date": "2025-09-16",
    "value": 81
  },
  {
    "date": "2025-09-17",
    "value": 82
  },
  {
    "date": "2025-09-18",
    "value": 83
  },
  {
    "date": "2025-09-19",
    "value": 83
  },
  {
    "date": "2025-09-20",
    "value": 67
  },
  {
    "date": "2025-09-21",
    "value": 68
  },
  {
    "date": "2025-09-22",
    "value": 86
  },
  {
    "date": "2025-09-23",
    "value": 86
  },
  {
    "date": "2025-09-24",
    "value": 87
  },
  {
    "date": "2025-09-25",
    "value": 87
  },
  {
    "date": "2025-09-26",
    "value": 88
  },
  {
    "date": "2025-09-27",
    "value": 71
  },
  {
    "date": "2025-09-28",
    "value": 72
  },
  {
    "date": "2025-09-29",
    "value": 89
  },
  {
    "date": "2025-09-30",
    "value": 89
  },
  {
    "date": "2025-10-01",
    "value": 89
  },
  {
    "date": "2025-10-02",
    "value": 89
  },
  {
    "date": "2025-10-03",
    "value": 89
  },
  {
    "date": "2025-10-04",
    "value": 72
  },
  {
    "date": "2025-10-05",
    "value": 71
  },
  {
    "date": "2025-10-06",
    "value": 88
  },
  {
    "date": "2025-10-07",
    "value": 88
  },
  {
    "date": "2025-10-08",
    "value": 87
  },
  {
    "date": "2025-10-09",
    "value": 87
  },
  {
    "date": "2025-10-10",
    "value": 86
  },
  {
    "date": "2025-10-11",
    "value": 69
  },
  {
    "date": "2025-10-12",
    "value": 68
  },
  {
    "date": "2025-10-13",
    "value": 84
  },
  {
    "date": "2025-10-14",
    "value": 83
  },
  {
    "date": "2025-10-15",
    "value": 83
  },
  {
    "date": "2025-10-16",
    "value": 82
  },
  {
    "date": "2025-10-17",
    "value": 81
  },
  {
    "date": "2025-10-18",
    "value": 63
  },
  {
    "date": "2025-10-19",
    "value": 62
  },
  {
    "date": "2025-10-20",
    "value": 78
  },
  {
    "date": "2025-10-21",
    "value": 77
  },
  {
    "date": "2025-10-22",
    "value": 76
  },
  {
    "date": "2025-10-23",
    "value": 75
  },
  {
    "date": "2025-10-24",
    "value": 74
  },
  {
    "date": "2025-10-25",
    "value": 56
  },
  {
    "date": "2025-10-26",
    "value": 55
  },
  {
    "date": "2025-10-27",
    "value": 72
  },
  {
    "date": "2025-10-28",
    "value": 71
  },
  {
    "date": "2025-10-29",
    "value": 70
  },
  {
    "date": "2025-10-30",
    "value": 69
  },
  {
    "date": "2025-10-31",
    "value": 68
  },
  {
    "date": "2025-11-01",
    "value": 51
  },
  {
    "date": "2025-11-02",
    "value": 50
  },
  {
    "date": "2025-11-03",
    "value": 66
  },
  {
    "date": "2025-11-04",
    "value": 66
  },
  {
    "date": "2025-11-05",
    "value": 65
  },
  {
    "date": "2025-11-06",
    "value": 65
  },
  {
    "date": "2025-11-07",
    "value": 64
  },
  {
    "date": "2025-11-08",
    "value": 47
  },
  {
    "date": "2025-11-09",
    "value": 47
  },
  {
    "date": "2025-11-10",
    "value": 64
  },
  {
    "date": "2025-11-11",
    "value": 64
  },
  {
    "date": "2025-11-12",
    "value": 64
  },
  {
    "date": "2025-11-13",
    "value": 64
  },
  {
    "date": "2025-11-14",
    "value": 64
  },
  {
    "date": "2025-11-15",
    "value": 47
  },
  {
    "date": "2025-11-16",
    "value": 47
  },
  {
    "date": "2025-11-17",
    "value": 65
  },
  {
    "date": "2025-11-18",
    "value": 65
  },
  {
    "date": "2025-11-19",
    "value": 65
  },
  {
    "date": "2025-11-20",
    "value": 66
  },
  {
    "date": "2025-11-21",
    "value": 66
  },
  {
    "date": "2025-11-22",
    "value": 50
  },
  {
    "date": "2025-11-23",
    "value": 51
  },
  {
    "date": "2025-11-24",
    "value": 68
  },
  {
    "date": "2025-11-25",
    "value": 69
  },
  {
    "date": "2025-11-26",
    "value": 70
  },
  {
    "date": "2025-11-27",
    "value": 71
  },
  {
    "date": "2025-11-28",
    "value": 72
  },
  {
    "date": "2025-11-29",
    "value": 55
  },
  {
    "date": "2025-11-30",
    "value": 56
  },
  {
    "date": "2025-12-01",
    "value": 74
  },
  {
    "date": "2025-12-02",
    "value": 75
  },
  {
    "date": "2025-12-03",
    "value": 76
  },
  {
    "date": "2025-12-04",
    "value": 77
  },
  {
    "date": "2025-12-05",
    "value": 78
  },
  {
    "date": "2025-12-06",
    "value": 61
  },
  {
    "date": "2025-12-07",
    "value": 62
  },
  {
    "date": "2025-12-08",
    "value": 80
  },
  {
    "date": "2025-12-09",
    "value": 81
  },
  {
    "date": "2025-12-10",
    "value": 81
  },
  {
    "date": "2025-12-11",
    "value": 82
  },
  {
    "date": "2025-12-12",
    "value": 83
  },
  {
    "date": "2025-12-13",
    "value": 66
  },
  {
    "date": "2025-12-14",
    "value": 67
  },
  {
    "date": "2025-12-15",
    "value": 84
  },
  {
    "date": "2025-12-16",
    "value": 85
  },
  {
    "date": "2025-12-17",
    "value": 85
  },
  {
    "date": "2025-12-18",
    "value": 85
  },
  {
    "date": "2025-12-19",
    "value": 86
  },
  {
    "date": "2025-12-20",
    "value": 69
  },
  {
    "date": "2025-12-21",
    "value": 69
  },
  {
    "date": "2025-12-22",
    "value": 86
  },
  {
    "date": "2025-12-23",
    "value": 86
  },
  {
    "date": "2025-12-24",
    "value": 85
  },
  {
    "date": "2025-12-25",
    "value": 85
  },
  {
    "date": "2025-12-26",
    "value": 85
  },
  {
    "date": "2025-12-27",
    "value": 67
  },
  {
    "date": "2025-12-28",
    "value": 67
  },
  {
    "date": "2025-12-29",
    "value": 83
  },
  {
    "date": "2025-12-30",
    "value": 83
  },
  {
    "date": "2025-12-31",
    "value": 82
  }
];

const options = {
  "axes": {
    "x": false,
    "y": false
  },
  "height": 620,
  "locale": "en",
  "title": {
    "subtitle": "Calendar chart uses runnable data and options to demonstrate UTC year grid; week by weekday cells.",
    "text": "Calendar"
  },
  "width": "container",
  "x": {
    "field": "date",
    "title": "Date",
    "type": "temporal"
  },
  "y": {
    "field": "value",
    "title": "Daily sessions",
    "type": "quantitative"
  }
};

Graflume.calendar('#chart', data, options);

Portable schema

ChartSpec 0.1 · options

{
  "axes": {
    "x": false,
    "y": false
  },
  "height": 620,
  "locale": "en",
  "title": {
    "subtitle": "Calendar chart uses runnable data and options to demonstrate UTC year grid; week by weekday cells.",
    "text": "Calendar"
  },
  "width": "container",
  "x": {
    "field": "date",
    "title": "Date",
    "type": "temporal"
  },
  "y": {
    "field": "value",
    "title": "Daily sessions",
    "type": "quantitative"
  }
}
Chart catalog