Mdv Markdown Visualization

If you've ever wanted to write dashboards or reports in plain text and skip the BI tool, this is it. MDV extends Markdown with fenced blocks for charts, KPI cards, and tables, plus container syntax for columns and callouts. You write a .mdv file with YAML front matter referencing your CSV or JSON data, drop in chart blocks with attributes like type=bar or type=line, and render to self-contained HTML or PDF. The CLI supports live preview with auto-reload. It's basically Markdown for people who need to ship data documents fast without wrestling with drag-and-drop editors or waiting for design review.

skills.sh installs: 282
GitHub stars: 26
last updated: Jun 3, 2026

View on GitHub

Install

$ npx -y skills add aradotso/trending-skills --skill mdv-markdown-visualization --agent claude-code

Installs into .claude/skills of the current project.

Files

MDV Markdown Data & Visualization

Skill by ara.so — Daily 2026 Skills collection.

MDV is a Markdown superset (.mdv files) for writing reports, dashboards, and slide decks in a single workflow, then exporting to self-contained HTML or PDF. It extends CommonMark with four additions: YAML front-matter, fenced visualization blocks, ::: containers for layout, and auto-generated tables of contents.

Installation & Setup

git clone https://github.com/drasimwagan/mdv mdv
cd mdv
npm install
npm run build

# Render a file to HTML
node packages/mdv-cli/dist/index.js render examples/09-full-report.mdv

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

# Export to PDF
node packages/mdv-cli/dist/index.js export --pdf examples/09-full-report.mdv

CLI Commands

# Render .mdv → self-contained HTML
node packages/mdv-cli/dist/index.js render <file.mdv>
node packages/mdv-cli/dist/index.js render <file.mdv> --out output.html

# Live preview (opens browser, auto-reloads on save)
node packages/mdv-cli/dist/index.js preview <file.mdv>

SKILL.md on GitHub