skills.rest
matsonj
matsonjCOMMUNITY
Explore all skills by this author →
Website𝕏@matsonjGitHub

mviz

...

222|10|Updated Jan 15, 2026
Search Tags:#markdown#dashboards#data-visualization#echarts#mviz#html-reports#json-specs
One-click install
npx skills add https://github.com/matsonj/mviz --skill mviz
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Data & Analytics Skills→
pradyumnasagarpradyumnasagar
6

agent-handoff

Automate inter-skill data transfer and provenance capture via JSON Material Passports.

Community
Advanced
severin-yeseverin-ye
3

Report Generator

Generate HTML investment reports with interactive Chart.js visualizations from structured analysis outputs.

Community
Intermediate
nexu-ionexu-io
8.2k

data-report

Convert CSV, Excel, or JSON data into an HTML report with Chart.js charts and tables.

Official
Advanced
giadaf-booshagiadaf-boosha
10

interactive-dashboard-builder

Generate interactive HTML dashboards with Chart.js and interactive filters.

Community
Intermediate