Skip to content

view on a desktop screen for a better experience.

waterfall

GraphWaterfall

Running total as floating bars. First row is the start, last is the end, signed values in between.

margin

[ MARGIN ]
  • Revenue48
  • Refunds−6
  • Hosting−4
  • Profit38
Revenue 48, Refunds −6, Hosting −4, Profit 38

MDX

```
+------------------- [ MARGIN ] -------------------+
|                                                  |
| Revenue  ████████████████████████  48            |
| Refunds  ---------------------███  −6            |
| Hosting  -------------------██---  −4            |
| -------------------------------------            |
| Profit   ███████████████████-----  38            |
|                                                  |
+--------------------------------------------------+
```

install

command

headcount

[ TEAM ]
  • Start12
  • Hired+4
  • Left−2
  • Now14
Start 12, Hired +4, Left −2, Now 14

MDX

```
+-------------------- [ TEAM ] --------------------+
|                                                  |
| Start  ██████████████████------  12              |
| Hired  ------------------██████  +4              |
| Left   ---------------------███  −2              |
| -----------------------------------              |
| Now    █████████████████████---  14              |
|                                                  |
+--------------------------------------------------+
```
[ PROPS ]
PropTypeDefaultDescription
titlestringCaption drawn on the top edge of the frame.
itemsWaterfallItem[]label, value, optional kind: start, in, out, or end. Kind is inferred if omitted. Optional when children are Markdown.
childrenMarkdown- Refunds: -6
ticksnumber24Bar width in characters.
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.