Data Viewer

Turn every Markdown table into a live data workbench — sort, filter, chart, and export to PNG/TSV, without ever leaving your editor.

💡 Preview — cursor on a table → bulb / ⌥⌘V → a real, sortable, filterable table (numeric / date / text aware)
📊 Visualize — one click turns the table into Line / Bar / Pie / Dual-axis / Bubble (ECharts, SVG-crisp)
🖼️ Export — copy tables & charts as PNG (with optional name + caption), or copy TSV straight into Excel / WPS / Sheets
📥 Export Queue — collect charts & tables in a sidebar, then copy or download individually, or ZIP them all
🔒 100% local — no account, no backend, no network, no AI. Markdown stays your source of truth.

Why Data Viewer?

Your AI hands you a Markdown table in a second. Sort it, filter it, chart it — and get back to work — all without leaving your editor.

Data Viewer turns the static Markdown table (much of it AI-generated today) into a live analysis surface right where you are: sort columns, filter rows, and build a chart in one click. No copy-paste into Excel, no re-typing into a chart tool, no broken flow.

Without Data Viewer	With Data Viewer
Read a static table, one value at a time	Sortable, filterable grid
Jump to Excel just to sort a column	Sort in place, type-aware (number / date / text)
Re-type data into a chart tool	Chart in one click (Line / Bar / Pie / Dual-axis / Bubble)
Copy → paste → reformat every export	Copy PNG / TSV directly
Lose your outputs	One Export Queue for every chart & table

Stay in the zone. Sort, filter, visualize — in place, in seconds, fully local.

Product map

Data Viewer
├─ Preview ──────────── resolve the table under the cursor
│   ├─ Sort     (numeric / date / text aware)
│   ├─ Filter   (multi-condition, value picker)
│   └─ Render   (column alignment, in-cell <br>, emoji)
├─ Visualize ────────── five chart types (ECharts / SVG)
│   ├─ Line · Bar · Pie · Dual-axis · Bubble
│   ├─ Field mapping with type validation
│   └─ Frozen data snapshot (charts stay stable)
├─ Export
│   ├─ PNG     (table / chart, optional name + caption)
│   └─ TSV     (paste into Excel / WPS / Sheets)
├─ Export Queue ─────── one place for every output
│   ├─ Add / Open / Edit / New-from-item / Delete
│   ├─ Copy & Download PNG     ── individually
│   ├─ Download Selected       ── as ZIP
│   └─ Self-contained items (survive source-file close)
└─ Local-first ──────── .markdown-viz/charts.json, no network

30-second workflow

Write a Markdown table
   ↓
Place the cursor inside it
   ↓
Preview Table (💡 light bulb / ⌘⌥V / sidebar button / command palette)
   ↓
Sort & filter on the fly
   ↓
Visualize → Line / Bar / Pie / Dual-axis / Bubble
   ↓
Add to Export Queue
   ↓
Copy PNG / TSV  or  Download all as ZIP

Core capabilities

1. Table Preview — sort & filter without leaving Markdown

Type-aware sorting — numbers sort numerically (10 > 9), dates chronologically, text alphabetically. No more Excel round-trips.
Multi-condition filtering — equals / not-equals / contains / starts-with / ends-with and numeric ranges; string columns get a picker of existing values.
Faithful rendering — honors Markdown column alignment (:--- / :---: / ---:), in-cell <br> line breaks, emoji and long text.
Multiple tables? The light bulb / shortcut always previews the table under your cursor, not just the first one.

2. Visualize — five chart types in one click

Line · Bar · Pie · Dual-axis · Bubble, rendered with ECharts (SVG, pixel-crisp).

Built from your filtered rows — filter first, chart what you actually care about.
Freezes its data snapshot at build time, so a saved chart stays stable even after you change filters.
Full builder: pick x / y / dimension / value / size / color / group fields, with type validation.

3. Export — PNG & TSV

Output	Use it for
PNG (table or chart)	slides, docs, reports — with optional name + caption banner
TSV	paste straight into Excel / WPS / Numbers / Sheets, columns intact

Image Caption button (in the Export Queue toolbar) lets you choose what appears on exported images: Name + Caption / Name only / Caption only / Hide both. Applied to both PNG copy and ZIP export.
Copy TSV respects the same name/caption setting (each on its own line).

4. Export Queue — one place for every output

A dedicated sidebar that remembers everything you've charted or exported:

Add charts and tables, open them later (with filters/sort restored), edit (overwrite), or new view from this.
Copy / Download PNG per item, select the ones you want, then Download Selected as a ZIP.
Items store their frozen data, so you can reopen or export them even after the source file is closed.

Commands

Command	What it does
`Data Viewer: Preview Table`	Preview the table under the cursor
`Data Viewer: Refresh Table Preview`	Re-parse the current document
`Data Viewer: Open Export Queue`	Open the Export Queue sidebar

Keyboard shortcut

Shortcut	Action
`Cmd/Ctrl + Alt + V`	Preview the table under the cursor (rebindable)

You can also trigger Preview via the 💡 light bulb inside a table, the sidebar button, or the Command Palette.

Installation

Open VS Code or Trae.
Go to Extensions.
Search Data Viewer.
Click Install.

Or install from VSIX: Extensions: Install from VSIX… → pick md-viz-0.0.1.vsix.

Data, privacy & compatibility

100% local. Markdown is the source of truth; chart & export config lives in .markdown-viz/charts.json inside your project. Nothing is uploaded.
Uses only the stable public VS Code Extension API (TextDocument / Webview / Commands / Code Actions / FileSystem), so it loads on both VS Code and Trae.
engines.vscode targets ^1.95.0.

Data Viewer 中文说明

中文说明（附录）

把每一个 Markdown 表格变成可交互的数据工作台 —— 排序、筛选、图表、导出 PNG/TSV,全程不离开编辑器。

💡 预览 —— 光标置于表格内 → 灯泡 / ⌘⌥V → 得到可排序、可筛选的真实表格(数字 / 日期 / 文本类型识别)
📊 可视化 —— 一键把表格变成折线 / 柱状 / 饼图 / 双轴 / 气泡图(ECharts,SVG 高清)
🖼️ 导出 —— 表格与图表复制为 PNG(可带 name + caption),或复制 TSV 直接粘进 Excel / WPS / Sheets
📥 导出队列 —— 在侧栏收集图表与表格,可单独复制 / 下载,或打包 ZIP 全部下载
🔒 100% 本地 —— 无账号、无后端、无网络、无 AI。Markdown 始终是数据源。

为什么需要 Data Viewer?

AI 一秒甩给你一张 Markdown 表格。就地排序、筛选、成图 —— 然后继续干活 —— 全程不离开编辑器。

Data Viewer 把你手里(如今很多是 AI 生成)的静态 Markdown 表格,变成你所在之处的实时分析界面:排序列、筛行、一键成图。不用复制进 Excel,不用重新敲进图表工具,不用打断工作流与注意力。

没有 Data Viewer	有了 Data Viewer
一行行读死表	可排序、可筛选的网格
为排一列跳到 Excel	就地排序,类型感知(数字 / 日期 / 文本)
把数据重敲进图表工具	一键成图(折线 / 柱状 / 饼图 / 双轴 / 气泡图)
每次导出都复制→粘贴→再排版	直接复制 PNG / TSV
输出零散易丢	一个导出队列管理所有图表与表格

保持心流。排序、筛选、可视化 —— 就地完成,几秒搞定,全程本地。

产品功能地图

Data Viewer
├─ 预览 ─────────────── 定位光标所在的表格
│   ├─ 排序     （数字 / 日期 / 文本类型感知）
│   ├─ 筛选     （多条件，含取值下拉）
│   └─ 渲染     （列对齐、单元格内 <br>、emoji）
├─ 可视化 ───────────── 五种图表（ECharts / SVG）
│   ├─ 折线 · 柱状 · 饼图 · 双轴 · 气泡图
│   ├─ 带类型校验的字段映射
│   └─ 冻结数据快照（图表保持稳定）
├─ 导出
│   ├─ PNG     （表格 / 图表，可带 name + caption）
│   └─ TSV     （粘贴进 Excel / WPS / Sheets）
├─ 导出队列 ─────────── 所有输出一处管理
│   ├─ 添加 / 打开 / 编辑 / 据此新建 / 删除
│   ├─ 单项复制 / 下载 PNG
│   ├─ 下载所选（ZIP）
│   └─ 自包含条目（源文件关闭仍可导出）
└─ 本地优先 ─────────── .markdown-viz/charts.json，无网络

30 秒理解工作流

写一张 Markdown 表格
   ↓
把光标放进表格内
   ↓
Preview Table(💡 灯泡 / ⌘⌥V / 侧栏按钮 / 命令面板)
   ↓
即时排序与筛选
   ↓
Visualize → 折线 / 柱状 / 饼图 / 双轴 / 气泡图
   ↓
加入导出队列
   ↓
复制 PNG / TSV  或  打包 ZIP 全部下载

核心能力

1. 表格预览 —— 不离开 Markdown 即可排序筛选

类型感知排序 —— 数字按数值排序(10 > 9)、日期按时间、文本按字母序,无需再往返 Excel。
多条件筛选 —— 等于 / 不等于 / 包含 / 开头是 / 结尾是 / 数值区间;字符串列自动给出已有值下拉选择。
忠实还原 —— 支持 Markdown 列对齐(:--- / :---: / ---:)、单元格内 <br> 换行、emoji 与长文本。
多张表? 灯泡 / 快捷键始终预览光标所在的那张表,而非总是第一张。

2. 可视化 —— 一键切换五种图表

折线 · 柱状 · 饼图 · 双轴 · 气泡图,基于 ECharts(SVG,像素级清晰)。

基于筛选后的行成图 —— 先筛选,再画你真正关心的数据。
构建时冻结数据快照,保存的图表不受后续筛选变化影响。
完整构建面板:选择 x / y / 维度 / 数值 / 大小 / 颜色 / 分组字段,带类型校验。

3. 导出 —— PNG 与 TSV

输出	适用场景
PNG(表格或图表)	幻灯片、文档、报告 —— 可带 name + caption 标题栏
TSV	直接粘入 Excel / WPS / Numbers / Sheets,列保持完整

导出队列工具栏的 Image Caption 按钮让你选择导出图片显示什么:Name + Caption / 仅 Name / 仅 Caption / 全部隐藏,同时作用于 PNG 复制与 ZIP 导出。
Copy TSV 遵循相同的 name/caption 设置(各自独立成行)。

4. 导出队列 —— 所有输出一处管理

一个专属侧栏,记住你画过、导出过的所有内容:

添加图表与表格,稍后打开(恢复筛选/排序),编辑(覆盖),或 基于此项新建视图。
单项 复制 / 下载 PNG,勾选后再 下载所选 为 ZIP。
条目存储冻结数据,即使源文件已关闭,也能重新打开或导出。

命令

命令	作用
`Data Viewer: Preview Table`	预览光标所在的表格
`Data Viewer: Refresh Table Preview`	重新解析当前文档
`Data Viewer: Open Export Queue`	打开导出队列侧栏

快捷键

快捷键	操作
`Cmd/Ctrl + Alt + V`	预览光标所在表格(可自定义)

也可通过表格内的 💡 灯泡、侧栏按钮或命令面板触发预览。

安装

打开 VS Code 或 Trae。
进入扩展。
搜索 Data Viewer。
点击安装。

或从 VSIX 安装:Extensions: Install from VSIX… → 选择 md-viz-0.0.1.vsix。

数据、隐私与兼容性

100% 本地。 Markdown 是数据源;图表与导出配置存在项目内的 .markdown-viz/charts.json,不上传任何内容。
仅使用稳定的公共 VS Code 扩展 API(TextDocument / Webview / Commands / Code Actions / FileSystem),在 VS Code 与 Trae 均可载入。
engines.vscode 目标为 ^1.95.0。

DataViewer (Markdown Viz)

Yvonne Pan