bars
GraphBars
Two small histograms, before and after. Write `- before: 2 4 3 5 2`. A ranked list is Rank.
before / after
███ ████ ████████ ███
before
████ ███████ █████████████ ████
after
MDX
```
+----------------- [ THROUGHPUT ] -----------------+
| |
| █ █ |
| █ █ █ █ |
| █ █ █ █ █ █ █ █ █ █ |
| █ █ █ █ █ █ █ █ █ █ |
| █ █ █ █ █ --> █ █ █ █ █ |
| before after** |
| |
+--------------------------------------------------+
```install
command
draft to shipped
██ ████ █████████ ██
draft
edit
█████ ███████ ██████████████ ███████
shipped
MDX
```
+-------------- [ DRAFT TO SHIPPED ] --------------+
| |
| █ █ |
| █ █ █ █ █ █ █ |
| █ █ █ █ █ █ █ █ |
| █ █ █ █ █ █ █ █ █ █ |
| █ █ █ █ █ --> edit --> █ █ █ █ █ |
| draft shipped** |
| |
+--------------------------------------------------+
```| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | — | Caption drawn on the top edge of the frame. |
| from | BarSeries | — | Left series. values is an array of relative heights. Optional when children are Markdown. |
| children | Markdown | — | - before: 2 4 3 5 2 |
| to | BarSeries | — | Right series. Set size to lg for the larger group. |
| processor | string | — | Optional label between the two groups. |
| 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. |
| corner | string | "+" | Character at each corner of the frame. |
| className | string | — | Passed to the outer frame. |