数据看板HTML生成器
把冷冰冰的表格，变成能点、能筛、能看图联动的网页看板。
何时用
- 用户有 CSV / JSON / 表格数据，想要一个能排序、筛选、搜索、看图表的单文件网页看板。
- 触发词：「把表做成能筛选的网页 / 数据看板 / 能交互的数据页 / 表格转可视化 / 做个 dashboard / 数据可视化网页」。
前置检查（G3 自包含）
- 确认数据源存在（CSV/JSON/Excel 导出物/用户直接贴的表格文本）。
- 产物必须单文件、自包含：图表用内联 SVG 或原生 Canvas 绘制，禁止引外部 CDN（如 Chart.js / ECharts 的
<script src>），否则发公网打不开。
执行流程
- 读取/解析数据：CSV 用原生 JS
split或pandas预处理；JSON 直接JSON.parse；Excel 先转 CSV。 - 生成单文件 HTML，结构：
- 顶部工具栏：搜索框（按任意列模糊匹配）+ 筛选器（按列下拉多选）+ 排序开关。
- 主区左侧：图表区（内联 SVG 柱状/折线/饼图，随筛选实时重绘）。
- 主区右侧/下方：数据表格（点击表头排序，斑马纹，hover 高亮）。
- 全部 CSS/JS 内联，零外链。 - 联动逻辑：筛选/搜索 → 重算数据集 → 表格 + 图表同步更新（纯 JS，无框架）。
present_files本地预览；如需公网，交给 z-html-public-deploy。
最小内联图表思路（AI 落地参考）：
- 柱状图：把数值映射到 <svg><rect> 高度，纯计算无库。
- 折线图：<polyline points="x,y ..."> 连接数据点。
- 饼图：<path> 用圆弧公式分段（或简化为多个 <circle> 环段）。
输出示例
- 用户：「把销售明细 csv 做成能按地区筛选的看板」
- 助手：解析 → 生成
销售看板.html（顶部筛选地区/搜索 + 柱状图随筛选变 + 表格可排序）→ 本地预览。
注意 / 红线
- 图表零外链：必须用内联 SVG/Canvas，禁止 CDN（G3）。
- 大数据量（>1万行）做前端分页或虚拟滚动，避免卡死。
- 数值口径与用户确认：环比/占比等派生指标需用户认可再算。
配套联动
- 产出 HTML 后可直接调「本地HTML公网发布器」(z-html-public-deploy) 发公网。
