visualization-patterns

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

Analytics Visualization Patterns Skill

数据分析可视化模式Skill

When to Use

适用场景

  • Planning a new dashboard or updating existing visualizations.
  • Coaching teams on self-serve analytics adoption.
  • Auditing visual design, accessibility, and narrative clarity.
  • 规划新的仪表板或更新现有可视化内容时。
  • 指导团队采用自助式分析工具时。
  • 审核可视化设计、可访问性和叙事清晰度时。

Framework

框架

  1. Audience & Story – clarify persona, decision cadence, and key questions.
  2. Layout & Hierarchy – organize tiles by funnel (overview → drill-down → diagnostic), highlight KPIs.
  3. Chart Selection – match metric type to chart (trend, composition, comparison, distribution).
  4. Accessibility – color contrast, labels, tooltips, mobile/responsive considerations.
  5. Narrative & Actions – annotate insights, embed CTA buttons or playbook links.
  1. 受众与叙事 – 明确用户角色、决策节奏和核心问题。
  2. 布局与层级 – 按漏斗逻辑(概览 → 下钻 → 诊断)组织组件卡片,突出关键绩效指标(KPIs)。
  3. 图表选择 – 根据指标类型匹配对应图表(趋势类、构成类、对比类、分布类)。
  4. 可访问性 – 色彩对比度、标签、提示框、移动端/响应式适配考量。
  5. 叙事与行动 – 标注洞察结论,嵌入CTA按钮或操作手册链接。

Templates

模板

  • Dashboard wireframe grid with KPI slots.
  • Metric dictionary (definition, source, owner, refresh schedule).
  • Adoption checklist (stakeholder review, enablement session, feedback form).
  • 带有KPI预留位的仪表板线框网格。
  • 指标字典(定义、数据源、负责人、更新频率)。
  • 采用checklist(利益干系人审核、启用培训、反馈收集表)。

Tips

小贴士

  • Keep hero KPIs at top-left with trend vs target.
  • Use consistent color palettes for good/bad variance.
  • Embed documentation or Loom walkthroughs directly in BI tool when possible.

  • 将核心KPI放置在左上角,并展示趋势与目标对比。
  • 使用统一的调色板区分数据的优劣偏差。
  • 尽可能在BI工具中直接嵌入文档或Loom演示视频。