Try it in the browser
Open Play. Paste a block. No account, no install.
OPEN SOURCEv2 · MIT
Charts in Markdown.The numbers are the picture.
Write a table in a Markdown code block. MarkVis draws the chart. Change a number — the picture changes. If the chart cannot draw, you still see the table.
npx markvis bake README.md
Figures
The pictures below come from the same Markdown as the numbers. Nothing is hand-traced.
Features
Lives in your Markdown
Notes, READMEs, docs sites. The numbers stay in the file.
Same text, same picture
The same block always draws the same chart. Not a one-off screenshot.
The table never disappears
If something is wrong, you still see the rows — never a blank hole.
Six kinds of chart
bar, line, area, scatter, pie, hist. That is the set.
Write a table of numbers
Comma-separated rows or a Markdown table. Not a blob of JSON.
Built for people and AI
A person or a model writes the same block. Not a screenshot.
Looks you can pick
folio is the default. Light and dark on this site are the page, not the chart.
Show it on GitHub too
Save a picture next to the text so any viewer can see the chart.
Examples
Copy a block. Paste it in Play. That Markdown code block is the chart.
01-bar-basic.md
```chart
markvis: 2
type: bar
title: Mar led Midtown box office at 9.2k tickets
unit: tickets
x: month
y: tickets
month,tickets
Sep,5200
Oct,6100
Nov,7800
Dec,8500
Jan,4800
Feb,7200
Mar,9200
Apr,6900
```
CSV body. Title is a conclusion.
Open in PlaygroundQuickstart
01
Try it
Open /play. Paste a block. The chart appears.
Same text, same picture.
02
Save a picture
npx markvis bake README.md
Keeps the Markdown; writes the picture after it so GitHub can show it.
03
Ask an AI
skills/markvis/SKILL.md
Point an agent at the Skill or /llms.txt. It writes the block, not a screenshot.
npmavailable now
scriptavailable now
skillavailable now
Get started with MarkVis
Write the numbers. Get the chart. The table stays in the file.