Skip to content

view on a desktop screen for a better experience.

bullet

GraphBullet

Actual versus target on a shared track. The marker is the target.

targets

[ BUDGET ]
  • Design42 / 40
  • Motion18 / 24
  • Docs9 / 12

MDX

```
+------------------- [ BUDGET ] -------------------+
|                                                  |
| Design  [===================|]  42 / 40          |
| Motion  [===============----|]  18 / 24          |
| Docs    [===============----|]   9 / 12          |
|                                                  |
+--------------------------------------------------+
```

install

command

capacity

[ LOAD ]
  • CPU72 / 80
  • RAM34 / 64
  • SSD91 / 90

MDX

```
+-------------------- [ LOAD ] --------------------+
|                                                  |
| CPU  [==============--|---]  72 / 80             |
| RAM  [=======------|------]  34 / 64             |
| SSD  [==================|-]  91 / 90             |
|                                                  |
+--------------------------------------------------+
```
[ PROPS ]
PropTypeDefaultDescription
titlestringCaption drawn on the top edge of the frame.
itemsBulletItem[]label, value, optional target, max, and display. Optional when children are Markdown.
childrenMarkdown- CPU: 72 / 80
ticksnumber20Track width in characters, not counting the brackets.
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.