SuperAPI AI 工具集

data-visualizer

数据与分析

查看项目

更新于 10-15 22:40

技能介绍

用途:将数据转化为可视化图表或仪表盘,可按需求自动选择合适的呈现方式,包括简单图表、交互式 HTML/React 仪表盘以及文本表格。

主要能力:方式一为 Mermaid 图(饼图、柱状/折线、流程图、甘特图),适合简单图表,无需单独文件,可直接渲染;方式二为 shadcn 基础的 HTML/React 仪表盘,默认使用 Next.js 15、Tailwind v4、shadcn/ui 与 Recharts,也支持单 HTML 文件模式(Tailwind CDN 加 Chart.js),含 KPI 卡片、折线/柱状/饼/环/雷达/气泡图、筛选、悬停提示、缩放和深色模式;方式三为 Markdown 表格,适合少量数据的对比表或排名表。生成 HTML 或 React 仪表盘前必须进行 shadcn 主题询问,问题包括基础调色板、颜色模式、圆角半径和图表库,若跳过则默认 Neutral、System+Toggle、0.5rem、Recharts,并在响应顶部告知。若要求输出 PPT 或 Word,会将图表截图或图片及数据表交由相应文档技能生成文件。

使用方式:接收自然语言请求后自动判断可视化方式;确认为 HTML/React 方式时执行主题询问;检查数据结构,不适用时建议改用数据探索类技能;产出后请用户复核。HTML 仪表盘必需构件包括入口文件、shadcn OKLCH 样式变量、所选图表的脚本或模块,以及深色模式切换和 React 模式的安装说明。

适用场景:需要快速查看比例或分布、需要多维比较、制作 KPI 或业务仪表盘、需要地图或桑基图等复杂可视化,以及需要交互式图表时。

限制:若目标为数据探索与画像、公共数据查询,或页面内嵌图表属于其他专项技能,则不应使用本技能。详细问题载荷与回退默认值可参考公开的 shadcn 主题询问说明;关于价格、平台、具体效果等资料暂未提供。