Open source
Markdown graphs
Tables, charts, and diagrams for MDX that look like they were typed. Copy the source into your project. One accent.
Accent
Same frame, every graph
Copy one component, or take the set.
| Agent | Tokens | Tool calls | Time |
|---|---|---|---|
| Inks and paper | 115,207 | 120 | 16m |
| Overprint and drift | 135,218 | 164 | 16m |
| Naming the patterns | 186,716 | 112 | 18m |
| Total | 437,141 | 396 | ~50m |
- registry/default
- graph-frame
- graph-frame.tsxui
- graph-motion.tslib
- graph-tree
- graph-tree.tsxui
- docs12,400
- copy4,10033%
- ship8607%
How they work
- Typed, not drawn
- Borders are dashes and pluses. Content is characters. You animate by changing a color or swapping a glyph.
- One accent
- Pick a color. Everything else recedes. Hierarchy is subtraction, not decoration.
- Motion as information
- Bars grow. Cells fill. Rows arrive. Nothing loops. Nothing takes longer than 220ms.