Skip to content

markvis

Charts in Markdown. The fence is the data.

PlaygroundExamples

What it does

  • The fence (or GFM table) is the source — the rows stay in the file.
  • Same input yields the same SVG.
  • No plugin still shows the table, so readers never lose the numbers.

Who it helps

README / post authors

figures without uploading a PNG that drifts from the data.

Agent-written Markdown

edit a row, redraw the chart; the agent never paints pixels.

No-screenshot workflows

refuse a bitmap as the source of truth.

Proof

Bar chart: Feb led Q3
Feb led Q3
Line chart: Pro pulled ahead
Pro pulled ahead
Pie chart: Shares stay raw
Shares stay raw

30-second start

  1. Open Playground — paste a fence or pick an example.
  2. Or bake a README: markvis bake README.md (keeps the fence, inserts the image).
chart
markvis: 2
type: bar
title: Feb led Q3 at 180
unit: USD k
x: month
y: revenue

month,revenue
Jan,120
Feb,180
Mar,150

Use it

WhereHow
GitHub READMEmarkvis bake — images show with no JS
Any pagemarkvis.min.js (zero network)
remark@markvis/remark
markdown-it@markvis/markdown-it

Themes

Four looks via a fence header (folio default): folio · highcharts · shadcn · docs — try them on Examples.

MIT · GitHub · 0.0.13 frozen under legacy/ · site from branch v2