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

data-visualization

Create effective data visualizations using best practices for clarity, accuracy, and visual communication of insights

インストール方法を見る

含まれるファイル(1)

  • SKILL.md3.2 KB

SKILL.md(原文)

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

Data Visualization Skill

When creating data visualizations, follow these principles to ensure clear and effective communication:

Core Principles

1. Choose the Right Chart Type

  • Line Charts: Trends over time, continuous data
  • Bar Charts: Comparing categories, discrete data
  • Scatter Plots: Relationships between variables, correlations
  • Pie Charts: Parts of a whole (use sparingly, max 5-6 segments)
  • Heatmaps: Patterns in large datasets, correlations
  • Box Plots: Distribution statistics, outlier detection

2. Design Guidelines

Clarity

  • Use clear, descriptive titles and labels
  • Include units of measurement
  • Add a legend when multiple series are present
  • Ensure adequate contrast and readability

Accuracy

  • Start y-axis at zero for bar charts (unless good reason)
  • Use consistent scales across related charts
  • Avoid distorting data through inappropriate scaling
  • Label data points when precision matters

Simplicity

  • Remove chart junk and unnecessary decorations
  • Use color purposefully, not decoratively
  • Limit the number of colors (5-7 max)
  • Ensure accessibility (colorblind-friendly palettes)

3. Color Best Practices

  • Sequential: Use for ordered data (light to dark)
  • Diverging: Use for data with a meaningful midpoint
  • Categorical: Use for unordered categories
  • Highlight: Use accent colors to draw attention
  • Test accessibility with colorblind simulators

4. Storytelling with Data

  • Lead with the insight, not the data
  • Use annotations to highlight key findings
  • Arrange charts in logical flow
  • Provide context and comparisons
  • Include data sources and timestamp

Visualization Workflow

  1. Understand the Data

    • Explore data structure and distributions
    • Identify key variables and relationships
    • Determine the message to communicate
  2. Select Visualization Type

    • Match chart type to data characteristics
    • Consider audience and use case
    • Plan for interactivity if needed
  3. Design the Visualization

    • Create initial draft
    • Apply design principles
    • Optimize for clarity and impact
  4. Refine and Validate

    • Get feedback from stakeholders
    • Test on target audience
    • Iterate based on feedback
    • Verify accuracy

Common Mistakes to Avoid

  • Using 3D charts unnecessarily (adds confusion)
  • Too many colors or visual elements
  • Missing or unclear axis labels
  • Truncated y-axis to exaggerate differences
  • Using pie charts for more than 5-6 categories
  • Poor color choices (rainbow colors for sequential data)

Tools and Libraries

Recommend appropriate tools based on needs:

  • Python: matplotlib, seaborn, plotly, altair
  • R: ggplot2, plotly
  • JavaScript: D3.js, Chart.js, Highcharts
  • BI Tools: Tableau, Power BI, Looker

Example Use Cases

  • Dashboard Design: "Create an executive dashboard for sales metrics"
  • Exploratory Analysis: "Visualize patterns in customer behavior data"
  • Report Charts: "Generate publication-ready charts for annual report"

レビュー

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

同じリポジトリのスキル

概要と使いどころ

Perform comprehensive code reviews focusing on best practices, security vulnerabilities, performance optimization, and maintainability

日本語の概要は準備中です。原文の説明を表示しています。

kyegomez/swarms7,2442026年10月10日 更新

Review Python code for bugs, missing tests and security issues using the team's shared standards

日本語の概要は準備中です。原文の説明を表示しています。

kyegomez/swarms7,2442026年10月10日 更新

Write git commit messages and pull request titles in the WARP format used by the swarms repo

日本語の概要は準備中です。原文の説明を表示しています。

kyegomez/swarms7,2442026年10月10日 更新

Perform comprehensive financial analysis including DCF modeling, ratio analysis, and financial statement evaluation for companies and investment opportunities

日本語の概要は準備中です。原文の説明を表示しています。

kyegomez/swarms7,2442026年10月10日 更新

swarms

無料

Build agents and multi-agent systems with the Swarms framework — the Agent class, tools, autonomous loops, memory, and the 15+ multi-agent architectures (SequentialWorkflow, ConcurrentWorkflow, GraphWorkflow, HierarchicalSwarm, SwarmRouter, and more). Use whenever writing, reviewing, or debugging code that imports `swarms`.

日本語の概要は準備中です。原文の説明を表示しています。

kyegomez/swarms7,2442026年10月10日 更新

kyegomez のスキルをすべて見る

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