Anyviz
面向 AI 时代的数据可视化规范与工作流库 — specification & workflow library for AI-era data visualization
Install
npm install anyvizInstall command taken from the project's README or registry entry. Always review code before running it.
README excerpt
Read full README on GitHub →简体中文 · English
anyviz 是一个面向 AI 时代的数据可视化规范与工作流库。 它为 AI 工具提供专业数据设计师级别的判断:图表选择、美学系统、 多技术栈渲染,以及同一画布下多图表的设计一致性。
官网 · npm · AI 工作流入口 · 示例
安装与使用
在 AI 编程工具中使用
把 anyviz 作为 AI 助手的可视化工作流上下文使用。AI 需要优先读取 SKILL.md,
并按需查阅 guides/、templates/、adapters/ 与 aesthetics/。
macOS / Linux 一键安装到当前用户的所有已检测 Agent:
curl -fsSL https://raw.githubusercontent.com/TseringYuu/anyviz/main/install.sh | sh
Windows PowerShell:
irm https://raw.githubusercontent.com/TseringYuu/anyviz/main/install.ps1 | iex
安装器不依赖 Node.js 或 Python。通用 Agent Skills 目录覆盖 Codex、Cursor、OpenCode、 OpenClaw、Cline、Kimi Code CLI、Warp、Zed 等工具,并自动检测 Claude Code、Hermes Agent、 Gemini CLI、GitHub Copilot、Windsurf、Goose 等使用独立目录的工具。重复执行同一命令即可更新; 若目标位置已有非安装器管理的同名 Skill,原目录会先保留为带时间戳的备份。
请使用 anyviz 工作流,帮我可视化这份销售数据
用地图展示各省的人口分布,并保持适合报告的浅色主题
制作一个 1920×1080 的业务仪表盘,展示关键运营指标
把这些图表统一改成深色大屏风格
如果你的工具支持通过仓库或目录加入上下文,也可直接添加本仓库;如果支持自定义 Skill,
将 SKILL.md 与相关资源目录一起加入工具上下文。
在项目中安装
通过 npm 安装后,可以在脚本或应用中读取 anyviz 的主题、模板与规范路径。
npm install anyviz
const anyviz = require('anyviz');
const theme = anyviz.defaultTheme();
const dashboardTheme = anyviz.themes.dashboard();
console.log(anyviz.skillPath);
console.log(anyviz.guides.academicPublication);
console.log(theme.color.categorical.palette);
console.log(dashboardTheme.name);
也可以直接从仓库引用核心规范:
git clone https://github.com/TseringYuu/anyviz.git
官网与示例入口:https://anyviz.aiware.store
为什么需要 anyviz
大模型早已能写出绘图代码,缺的是品味与一致性,也就是把“默认样式的图”与“专业作品” 区分开的那些细小但关键的决策。anyviz 把这些决策沉淀为一套可复用的规范:选哪种图、用什么色板、 字号如何分级、标签放在哪里,以及多张图如何保持视觉连贯。
- 图表智能——将数据形态与分析意图(比较、分布、关系、组成、趋势、地理、层次、流程)映射到 34 种生产级模板中最合适的一种。
- 黄金美学——植根于 Tufte 的数据墨水比与 ColorBrewer / Viridis 色彩科学,提供感知均衡、 色盲友好的默认主题。
- 环境感知渲染——同一套规范在 Web(D3.js、ECharts、Mapbox、Three.js)、Python(Plotly、 Matplotlib)与 R(ggplot2)上产出视觉一致的结果。
- 一致性即默认——任何未显式指定的属性都从全局规范继承,并由校验器在多图布局中强制执行。
- 内建无障碍——对比度、冗余编码与替代文本指导是流水线的一部分,而非事后补救。
下面的展示图呈现了 anyviz 适用的多种输出形态:分析报告、运营仪表盘、地理可视化与监控大屏。 这些场景都不是孤立图表,而是在同一画布中组织多种可视化,形成清晰、统一、可落地的业务视图。
工作流水线
anyviz 通过五阶段工作流处理每一个请求,确保从原始数据到生成代码的每一步都符合专业标准:
分析 → 美学 → 适配 → 一致性 → 无障碍
- 分析 — 根据数据形态与意图,从 34 种模板中选择图表
- 美学 — 应用统一色彩与字号分级(Tufte)
- 适配 — 检测项目技术栈,输出 D3 / ECharts 等代码
- 一致性 — 同步实体颜色、数值格式与间距
- 无障碍 — 对比度、色盲友好与替代文本
作为独立美学库
规范以纯 JSON 定义,任何工具或脚本都可直接引用。
import json
# 加载 anyviz 权威美学规范
with open('aesthetics/default.json', encoding='utf-8') as f:
theme = json.load(f)
# 分类色板
palette = theme['color']['categorical']['palette']
print(f"分类色板: {palette}")
# 排版层级
h1 = theme['typography']['scale']['h1']
print(f"主标题: {h1['size_px']}px / 字重 {h1['weight']}")
模板库(34 种)
| 类目 | 数量 | 模板 |
|---|---|---|
templates/charts/ |
20 | 柱状、折线、散点、面积、饼图/环形、直方图、箱线、热力、雷达、瀑布、密度、华夫、点图、坡度、小倍数、日历热力、烛台、六边形分箱、平行坐标、矩阵散点 |
templates/maps/ |
3 | 面量图、气泡地图、流向地图 |
templates/graphs/ |
8 | 桑基、和弦、力导向、树图、旭日、树形图、弧形图、冲积图 |
templates/3d/ |
3 | 3D 地球、3D 散点、3D 曲面 |
每个模板都遵循 templates/TEMPLATE-SPEC.md 定义的统一五段式结构:
适用场景、数据格式、美学参数、设计要点、变体。
核心设计原则
1. 美学优先。 最大化数据墨水比,消除图表垃圾。优先直接标注而非图例,倡导小倍数图而非动画, 让数据本身成为焦点。
2. 一致性优于个性化。 任何未指定的属性都从全局规范继承。即使调用者仅覆盖一种颜色,字体、 间距、网格线依然严格统一。
Similar plugs
Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.
An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.
Turn any codebase, with its docs, SQL schemas, configs, and PDFs, into a queryable knowledge graph. A /graphify skill for Claude Code, Cursor, Codex, and Gemini CLI: local…
Why use many token when few token do trick. Viral skill + proxy for coding agents that cuts 65% of tokens by talking like a caveman.
Production-grade engineering skills for AI coding agents.