Skip to content
mdxcn

view on a desktop screen for a better experience.

rank

GraphRank

Labels ranked by a number. Write `- 12,400 /docs`. Two histograms side by side is Bars.

routes

[ ROUTES ]
  1. /docs12,400
  2. /install4,100
  3. /plot860
  4. /rank420

MDX

```
+------------------- [ ROUTES ] -------------------+
|                                                  |
| /docs     [--------------------]   12            |
| /install  [--------------------]    4            |
| /plot     [====================]  860            |
| /rank     [==========----------]  420            |
|                                                  |
+--------------------------------------------------+
```

install

command

coverage

[ COVERAGE ]
  1. frame100%
  2. plot82%
  3. invoice41%

MDX

```
+------------------ [ COVERAGE ] ------------------+
|                                                  |
| frame    [====================]  100             |
| plot     [================----]   82             |
| invoice  [========------------]   41             |
|                                                  |
+--------------------------------------------------+
```
[ PROPS ]
PropTypeDefaultDescription
titlestring—Caption drawn on the top edge of the frame.
itemsRankItem[]—Each row is a label, a number, and an optional display string for the right column. Optional when children are Markdown.
childrenMarkdown—- 12,400 /docs
maxnumber—Scale for the bars. Defaults to the largest value.
ticksnumber20How many character slots each bar uses.
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.
classNamestring—Passed to the outer frame.