SuperAPI AI Directory

data-visualization

Data & analytics

View repository

Updated 10-16 10:31

About this skill

Data Visualization

Applicable Scenarios

  • Business dashboard design
  • Chart selection
  • Report illustrations
  • Real-time monitoring panels

Core Principles

1. 图表服务于问题
   先有问题再选图表

2. 简洁优先
   不要 3D / 彩虹色 / 动画
  1. Audience determines complexity Management looks at big KPI numbers Analysts look at detailed interactions

  2. Comparison is the soul of visualization Year-over-year / month-over-month / baseline / target line


## 图表选型

| 数据关系 | 推荐图表 |
|---|---|
| 趋势 | 折线图 |
| 对比 | 柱状图 |
| 占比 | 饼图(≤5 类)/ 堆叠柱状 |
| 分布 | 直方图 / 箱线图 |
| 相关 | 散点图 |
| 漏斗 | 漏斗图 |
| 排名 | 水平条形图 |
| 地理 | 地图 |

## 工具

| 工具 | 适合 |
|---|---|
| Metabase | 开源 / 自助 BI |
| Apache Superset | 开源 / 功能全 |
| Grafana | 运维 / 实时 |
| Looker | Google 企业 |
| Tableau | 商业智能标杆 |
| Power BI | 微软生态 |
| ECharts | 前端嵌入 |
| Recharts | React 简单图表 |

## 配套模板

- `templates/dashboard-template.md` — 仪表盘设计模板

## 质量自检

```text
□ 图表服务于问题
□ 选型合适
□ 简洁不花哨
□ 有对比基线
□ 有时间筛选
□ 受众匹配
□ 移动端可看

Common Pitfalls

  1. 3D pie charts— distort proportions
  2. Rainbow colors— no semantics
  3. Too many charts— information overload
  4. No baseline— can't tell good from bad
  5. Metrics undefined— incomprehensible

Collaboration with other skills

上游:sql-analysis → 数据查询
下游:analysis-report → 配图