本文へ移動
cccskills
無料GitHub で公開

anyviz

Use when 用户请求选择、创建、改进或统一数据可视化,并需按数据与意图选择图表、主题及 D3.js、ECharts、Mapbox、Three.js、Matplotlib、Plotly 或 ggplot2 技术栈。

インストール方法を見る

含まれるファイル(102)

  • SKILL.md4.3 KB
  • .github/ISSUE_TEMPLATE/bug_report.md801 B
  • .github/ISSUE_TEMPLATE/config.yml537 B
  • .github/ISSUE_TEMPLATE/feature_request.md841 B
  • .github/ISSUE_TEMPLATE/new_chart_template.md1.5 KB
  • .github/PULL_REQUEST_TEMPLATE.md1.8 KB
  • .github/workflows/publish.yml1.3 KB
  • .github/workflows/validate.yml2.1 KB
  • .gitignore193 B
  • .npmignore76 B
  • adapters/python/matplotlib.md5.5 KB
  • adapters/python/plotly.md2.9 KB
  • adapters/r/ggplot2.md3.5 KB
  • adapters/web/d3.md3.7 KB
  • adapters/web/echarts.md3.1 KB
  • adapters/web/mapbox.md1.7 KB
  • adapters/web/three.md2.0 KB
  • aesthetics/color.md3.5 KB
  • aesthetics/default.json7.7 KB
  • aesthetics/layout.md3.6 KB
  • aesthetics/themes/academic.json3.4 KB
  • aesthetics/themes/analytics.json1.6 KB
  • aesthetics/themes/dashboard.json1.7 KB
  • aesthetics/themes/modern.json1.6 KB
  • aesthetics/typography.md2.9 KB
  • assets/banner.svg7.6 KB
  • assets/demo.gif524.9 KB
  • assets/showcase.gif13.6 MB
  • assets/wordmark.svg3.1 KB
  • CHANGELOG.md9.8 KB
  • CODE_OF_CONDUCT.md6.0 KB
  • CONTRIBUTING.md12.0 KB
  • examples/city-geo/index.html31.9 KB
  • examples/city-geo/README.md8.0 KB
  • examples/common/china.js61.4 KB
  • examples/ecommerce-retail/index.html31.4 KB
  • examples/ecommerce-retail/README.md9.5 KB
  • examples/finance-trading/index.html30.2 KB
  • examples/finance-trading/README.md6.7 KB
  • examples/iot-energy/index.html30.8 KB
  • examples/iot-energy/README.md12.0 KB
  • examples/README.md4.5 KB
  • examples/test_config_invalid.json1.7 KB
  • examples/test_config_valid.json2.3 KB
  • guides/academic-publication.md2.5 KB
  • guides/accessibility.md2.2 KB
  • guides/chart-selection.md2.2 KB
  • guides/color-guide.md829 B
  • guides/consistency-rules.md2.2 KB
  • guides/customization-guide.md1.7 KB
  • guides/legend-layout.md1.4 KB
  • index.d.ts813 B
  • index.js1.3 KB
  • install.ps16.5 KB
  • install.sh5.5 KB
  • LICENSE1.1 KB
  • package.json2.6 KB
  • README.en.md14.8 KB
  • README.md15.1 KB
  • README.zh-CN.md119 B
  • scripts/check_package_exports.js1.1 KB
  • scripts/make_banner.py6.4 KB
  • scripts/make_demo_gif.py5.7 KB
  • scripts/make_wordmark.py5.7 KB
  • scripts/test_install.sh1.4 KB
  • scripts/theme_validator.py12.8 KB
  • SECURITY.md3.9 KB
  • templates/3d/globe-3d.md2.7 KB
  • templates/3d/scatter-3d.md2.0 KB
  • templates/3d/surface-3d.md2.2 KB
  • templates/charts/area-chart.md1.3 KB
  • templates/charts/bar-chart.md3.0 KB
  • templates/charts/box-plot.md2.0 KB
  • templates/charts/calendar-heatmap.md2.0 KB
  • templates/charts/candlestick-chart.md2.4 KB
  • templates/charts/density-plot.md1.9 KB
  • templates/charts/dot-plot.md2.0 KB
  • templates/charts/heatmap.md1.6 KB
  • templates/charts/hexbin-plot.md1.9 KB
  • templates/charts/histogram.md1.8 KB
  • templates/charts/line-chart.md2.0 KB
  • templates/charts/parallel-coordinates.md2.5 KB
  • templates/charts/pie-donut-chart.md1.8 KB
  • templates/charts/radar-chart.md3.0 KB
  • templates/charts/scatter-matrix.md2.5 KB
  • templates/charts/scatter-plot.md1.2 KB
  • templates/charts/slope-chart.md2.0 KB
  • templates/charts/small-multiples.md2.1 KB
  • templates/charts/waffle-chart.md1.8 KB
  • templates/charts/waterfall-chart.md2.1 KB
  • templates/graphs/alluvial.md3.1 KB
  • templates/graphs/arc-diagram.md2.8 KB
  • templates/graphs/chord-diagram.md1.9 KB
  • templates/graphs/dendrogram.md3.0 KB
  • templates/graphs/force-graph.md2.3 KB
  • templates/graphs/sankey.md2.1 KB
  • templates/graphs/sunburst.md2.8 KB
  • templates/graphs/treemap.md2.4 KB
  • templates/maps/bubble-map.md2.3 KB
  • templates/maps/choropleth.md2.4 KB
  • templates/maps/flow-map.md1.9 KB
  • templates/TEMPLATE-SPEC.md1.9 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

anyviz

为数据与意图选图,应用统一美学,生成目标环境可运行代码。只加载当前任务所需资源。

流程

1. 分析

  • 数据:变量数量、数值/类别/时间/地理/层次类型、规模、分布、缺失、异常。
  • 意图:比较、分布、关系、组成、趋势、地理、层次、流程。

2. 选图与主题

  1. 读 guides/chart-selection.md;单图不足时用组合图或多视图。
  2. 读对应模板:templates/charts/、maps/、graphs/、3d/。新增或修改模板遵循 templates/TEMPLATE-SPEC.md。
  3. 按场景加载主题:
场景主题
报告、PPT、PDF、邮件、商业汇报analytics
大屏、监控、实时看板、深色仪表盘dashboard
论文、期刊、学位论文、印刷academic
网页、交互产品、社交媒体、通用modern

场景模糊且风格影响结果时询问;否则默认 modern。同一输出只用一个主题。

3. 应用美学

  • 先读权威配置 aesthetics/default.json 与所选 aesthetics/themes/*.json。
  • 按需读:色彩 aesthetics/color.md、排版 aesthetics/typography.md、布局 aesthetics/layout.md。
  • 色板选择读 guides/color-guide.md;自然语言定制读 guides/customization-guide.md。
  • 用户明确值覆盖主题;主题覆盖默认值。覆盖项传递到同一输出全部图表。
  • 主标题按完整画布居中。顶部图例独占安全带;静态导出检查可见内容中心。

4. 选技术栈

环境/条件选择适配器
Web 已装 ECharts;或要求快速开箱EChartsadapters/web/echarts.md
Web 已装 Mapbox;地理交互Mapboxadapters/web/mapbox.md
Web 已装 Three.js;3DThree.jsadapters/web/three.md
Web 无已知依赖;高定制D3.jsadapters/web/d3.md
Python 交互/JupyterPlotlyadapters/python/plotly.md
Python 论文/出版Matplotlibadapters/python/matplotlib.md
R/统计ggplot2adapters/r/ggplot2.md

地理优先 Mapbox(Web)或 Plotly Mapbox(Python);3D 优先 Three.js 或 Plotly 3D。先检查项目依赖,不凭空引入库。

HTML 大屏硬约束

  • init 前根容器必须可见、非零,并有明确 width 与 height/min-height;flex: 1 不算显式高度。
  • 地图使用本地注册资产或已验证降级,不只依赖远程脚本。
  • 密集标签启用 hideOverlap、截断、抽稀或重排。
  • 卡片圆角、内边距、边框、阴影一致。

5. 校验

多图表读 guides/consistency-rules.md:统一字体角色、实体颜色、间距、线点样式、数值格式、标注、图表语义、交互。图例 ≥4 项用 2×N 网格;细则见 guides/legend-layout.md。

论文/报告另读 guides/academic-publication.md:检查题注、来源、图例间距、时间轴节点、导出居中。

全部输出读 guides/accessibility.md:

  • 文本/背景对比度 ≥4.5:1;大字与数据元素 ≥3:1。
  • 关键区分至少两种编码;红绿语义加 ▲▼/+−,或改蓝橙。
  • 提供 alt text(类型、趋势、数据出口);复杂图附表或 CSV。
  • 交互支持键盘、可见焦点、≥44px 触摸目标、非 hover 信息入口、prefers-reduced-motion。

可选运行 scripts/theme_validator.py 校验输出 JSON。

输出契约

  1. 用 1–2 句说明选图理由。
  2. 给出主题、配色与关键设计决策。
  3. 给出含数据转换和显式美学参数的完整可运行代码;不依赖库默认值。
  4. 多图表列出已核验的共同属性。

资源

  • 图表选择:guides/chart-selection.md
  • 美学:aesthetics/default.json、aesthetics/themes/*.json、aesthetics/*.md
  • 定制与校验:guides/color-guide.md、guides/customization-guide.md、guides/consistency-rules.md、guides/legend-layout.md、guides/academic-publication.md、guides/accessibility.md
  • 34 个模板:templates/charts/ 20、maps/ 3、graphs/ 8、3d/ 3
  • 适配器:adapters/web/、adapters/python/、adapters/r/

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

このスキルの問題を報告する