MCPcopy Index your code
hub / github.com/drasimwagan/mdv

github.com/drasimwagan/mdv @vscode-v0.1.1

Chat with this repo
repository ↗ · DeepWiki ↗ · release vscode-v0.1.1 ↗ · + Follow
63 symbols 182 edges 27 files 0 documented · 0%
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

MDV — Markdown Data & Visualization

Write documents, dashboards, and slides in a Markdown superset. Add charts, KPI cards, tables, and styled regions with nothing more complicated than fenced code blocks and named styles.

.mdv is strict CommonMark plus four additions:

  1. YAML front-matter for title, theme, named styles, and dataset references.
  2. Fenced blocks for data/visuals: ```chart type=bar x=region y=sales.
  3. ::: containers for styled regions and layout: ::: callout / ::: columns.
  4. ::: toc for an auto-generated table of contents.

No selectors, no classes, no expressions, no code. Themes provide defaults, named styles give reusable looks, the renderer does the rest.

Quick look

---
title: Q1 Report
theme: report
data:
  sales: ./data/sales.csv
---

::: toc
:::

# Q1 Results

```stat
label, value, delta
Total revenue, $2.06M, +14%
New customers, 1238, +8%
```

```chart type=line data=sales x=month y=revenue series=region yFormat=currency title="Monthly revenue"
```

Renders to self-contained HTML (charts are inline SVG, no JS runtime) and PDF. Lives inside VS Code via a side-by-side preview.

Getting started

git clone <repo> mdv
cd mdv
npm install
npm run build

# Render an example
node packages/mdv-cli/dist/index.js render examples/09-full-report.mdv

# Or: live preview with auto-reload
node packages/mdv-cli/dist/index.js preview examples/09-full-report.mdv

See docs/getting-started.md for a walkthrough.

Documentation

Examples

examples/ contains 10 sample files covering every feature. Rendered HTML is in examples/out/.

Status

v1, pre-release. Runs on Node ≥ 20. See docs/superpowers/specs/2026-04-18-mdv-format-design.md for scope, non-goals, and roadmap.

Extension points exported contracts — how you extend this code

InfoString (Interface)
(no doc)
packages/mdv-core/src/infostring.ts
Preview (Interface)
(no doc)
packages/mdv-vscode/src/extension.ts
FrontmatterResult (Interface)
(no doc)
packages/mdv-core/src/frontmatter.ts
ChartMeta (Interface)
(no doc)
packages/mdv-core/src/ast.ts
TableMeta (Interface)
(no doc)
packages/mdv-core/src/ast.ts
ContainerMeta (Interface)
(no doc)
packages/mdv-core/src/ast.ts

Core symbols most depended-on inside this repo

escapeHtml
called by 21
packages/mdv-core/src/render/svg-util.ts
parse
called by 13
packages/mdv-core/src/parser.ts
renderDocument
called by 9
packages/mdv-core/src/render/html.ts
parseInfoString
called by 5
packages/mdv-core/src/infostring.ts
usage
called by 5
packages/mdv-cli/src/index.ts
extractFrontmatter
called by 4
packages/mdv-core/src/frontmatter.ts
parseCsv
called by 4
packages/mdv-core/src/data.ts
formatNumber
called by 4
packages/mdv-core/src/render/svg-util.ts

Shape

Function 53
Interface 10

Languages

TypeScript100%

Modules by API surface

packages/mdv-vscode/src/extension.ts10 symbols
packages/mdv-core/src/styles.ts7 symbols
packages/mdv-core/src/render/svg-util.ts5 symbols
packages/mdv-core/src/render/html.ts5 symbols
packages/mdv-core/src/ast.ts5 symbols
packages/mdv-cli/src/preview-cmd.ts5 symbols
packages/mdv-core/src/data.ts4 symbols
packages/mdv-core/src/render/chart-line.ts3 symbols
packages/mdv-core/src/render/chart-bar.ts3 symbols
packages/mdv-core/src/parser.ts3 symbols
packages/mdv-core/src/themes.ts2 symbols
packages/mdv-core/src/infostring.ts2 symbols

For agents

$ claude mcp add mdv \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact