Skip to content

view on a desktop screen for a better experience.

heatmap

GraphHeatmap

A labeled grid of intensities. Write a markdown table. Exact numbers are Matrix. A contribution calendar is Activity.

punchcard

[ DEPLOYS ]
048121620
  • Mon
  • Tue
  • Wed
  • Thu
  • Fri
  • Sat
  • Sun

LessMore

MDX

```
+------------------ [ DEPLOYS ] -------------------+
|                                                  |
|     | 0 | 4 | 8 | 12 | 16 | 20                   |
| ----+---+---+---+----+----+---                   |
| Mon | 0 | 1 | 4 |  8 |  6 |  1                   |
| Tue | 0 | 0 | 5 |  9 |  4 |  2                   |
| Wed | 1 | 0 | 6 | 12 |  5 |  1                   |
| Thu | 0 | 2 | 4 |  7 |  8 |  3                   |
| Fri | 0 | 1 | 3 |  5 |  2 |  0                   |
| Sat | 0 | 0 | 1 |  0 |  0 |  0                   |
| Sun | 0 | 0 | 0 |  1 |  0 |  0                   |
|                                                  |
+--------------------------------------------------+
```

install

command

coverage

[ TESTS ]
abcd
  • auth
  • billing
  • docs

MDX

```
+------------------- [ TESTS ] --------------------+
|                                                  |
|         |  a |  b | c | d                        |
| --------+----+----+---+--                        |
| auth    | 10 |  8 | 4 | 2                        |
| billing |  6 | 10 | 7 | 1                        |
| docs    |  2 |  3 | 9 | 8                        |
|                                                  |
+--------------------------------------------------+
```
[ PROPS ]
PropTypeDefaultDescription
titlestringCaption drawn on the top edge of the frame.
columnsstring[] | "0 4 8 12"Column headers, left to right.
rowsHeatRow[]label plus a value per column. Optional when children are Markdown.
childrenMarkdown| | 0 | 4 | 8 | | --- | --- | --- | --- | | Mon | 0 | 1 | 4 |
maxnumberLock the intensity scale across charts.
legendbooleantrueLess / more glyph key.
captionstringOptional note under the matrix.
glyphs"shade" | "ascii" | "hash" | "bar" | string[]"shade"Character set. shade is ·░▒▓█. ascii is .- =#@. Pass a preset or your own characters.
palette"mono" | "duo" | "multi""mono"mono is one accent plus muted. duo paints the second series with --graph-accent-2. multi cycles three accents.
cornerstring"+"Character at each corner of the frame.
classNamestringPassed to the outer frame.