slope

GraphSlope

Two figures per row with an arrow between. Up uses the accent, down recedes.

traffic

[ TRAFFIC ]

20252026

docs8,20012,400
copy5,1004,100
ship640860

MDX

```
+------------------ [ TRAFFIC ] -------------------+
|                                                  |
|       2025     2026                              |
| docs     0  –     0                              |
| copy     0  –     0                              |
| ship   640  →   860                              |
|                                                  |
+--------------------------------------------------+
```

install

command

latency

[ P95 ]

beforeafter

read160142
write388410
cache1212

MDX

```
+-------------------- [ P95 ] ---------------------+
|                                                  |
|        before     after                          |
| read      160  →    142                          |
| write     388  →    410                          |
| cache      12  –     12                          |
|                                                  |
+--------------------------------------------------+
```

[ PROPS ]

Prop	Type	Default	Description

title	string	—	Caption drawn on the top edge of the frame.
fromLabel	string	—	Header over the first column.
toLabel	string	—	Header over the second column.
items	SlopeItem[]	—	label, from, and to. Optional when children are Markdown.
children	Markdown	—	- read: 160 → 142
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.