mviz

...

222|10|Updated Jan 15, 2026

Search Tags:#markdown #dashboards #data-visualization #echarts #mviz #html-reports #json-specs

Ready to run

npx skills add https://github.com/matsonj/mviz --skill mviz

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: mviz
Source: https://github.com/matsonj/mviz/tree/main
Command: npx skills add https://github.com/matsonj/mviz --skill mviz

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

mviz converts compact JSON specifications or Markdown dashboards into polished, self-contained HTML visual reports. It eliminates the need for verbose chart code by expanding concise specs into full dashboards.

Core Features & Use Cases

Inline JSON to dashboards: Convert small specs into standalone HTML visualizations using ECharts.
Markdown dashboards: Build multi-chart reports from Markdown, then export to HTML or PDF.
Data sourcing via files: reference external JSON/CSV data files for charts and tables without embedding large payloads.
Use Case: A data analyst can generate a shareable HTML report from a concise spec describing revenue by region over time.

Quick Start

Use the mviz CLI to render a dashboard from a Markdown file:

npx mviz dashboard.md -o dashboard.html

Frequently Asked Questions about mviz

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I convert Markdown dashboards to standalone HTML reports?▼

You can convert Markdown dashboards to standalone HTML reports by running the mviz CLI. Executing `npx mviz dashboard.md -o dashboard.html` renders your Markdown file into a self-contained HTML visual report without requiring verbose chart code.

Can I generate ECharts visualizations from compact JSON specs?▼

Yes, you can generate ECharts visualizations from compact JSON specs. The tool expands concise inline JSON specifications into full, standalone HTML dashboards, eliminating the need to write verbose chart configuration code manually.

Do I need Node.js 20+ to render HTML visualizations from JSON specs?▼

Yes, Node.js 20+ is required to render HTML visualizations from JSON specs. You must have this environment installed to run the mviz CLI via `npx mviz`, which handles the conversion of your data specifications into polished charts and dashboards.

How do I reference external data files for charts without embedding large JSON payloads?▼

You can reference external JSON or CSV data files for charts without embedding large payloads by using optional file-based data sourcing. This allows you to generate shareable HTML reports and tables from external data sources while keeping your specifications compact.

What is the best way to build multi-chart HTML reports from Markdown?▼

The best way to build multi-chart HTML reports from Markdown is using a compact specification approach. This method expands concise Markdown dashboards into polished, self-contained HTML visual reports, supporting quick ad-hoc reporting and sharing without verbose chart code.