data-visualization

Guide data visualization design with Tufte, Gestalt, WCAG, and color theory.

8|1|Updated Jan 19, 2026
One-click install
npx skills add https://github.com/igbuend/grimbard --skill data-visualization-igbuend
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: data-visualization
Source: https://github.com/igbuend/grimbard/tree/main/skills/data-visualization
Command: npx skills add https://github.com/igbuend/grimbard --skill data-visualization-igbuend

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps you create effective, accessible, and insightful data visualizations by providing best practices, principles, and guidance on chart selection, color usage, and accessibility standards.

Core Features & Use Cases

  • Best Practices: Learn foundational principles from Tufte and Gestalt psychology.
  • Color Theory: Understand sequential, diverging, and categorical palettes, with a focus on color-blind safety and cultural nuances.
  • Accessibility: Adhere to WCAG guidelines for contrast, text spacing, and non-text elements.
  • Chart Selection: Choose the right chart type for your data (e.g., bar charts for comparison, line charts for trends).
  • Common Mistakes: Avoid pitfalls like truncated axes, 3D effects, and color-only encoding.
  • Use Case: When designing a dashboard to show sales performance across regions, use this Skill to select appropriate chart types, choose a color-blind safe palette, and ensure all text and graphical elements meet contrast requirements for accessibility.

Quick Start

Use the data-visualization skill to understand best practices for creating a bar chart showing quarterly sales data.

Frequently Asked Questions about data-visualization

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I choose the right chart type for my dashboard design?

Chart selection depends on your data relationships; use bar charts for comparisons, line charts for trends, and apply Tufte's laws to maintain data-ink integrity in your dashboard design. This Skill guides you through matching visualizations to specific data structures.

What are the best practices for creating color-blind safe data visualizations?

Color-blind safe data visualizations require sequential, diverging, or categorical palettes that avoid color-only encoding. This Skill helps you select accessible color theory palettes and adhere to WCAG contrast standards for non-text elements.

Why does my information design confuse viewers instead of telling a clear data story?

Information design often confuses viewers due to common mistakes like truncated axes, 3D effects, or violating Gestalt principles. This Skill identifies these pitfalls and provides best practices to craft clear, impactful data stories.

Can I apply these information design principles to financial and scientific visualizations?

Yes, these information design principles support domain-specific applications including financial, security, and scientific visualizations. The Skill provides tailored guidance for specialized data representation across various professional fields.

What accessibility standards should I follow when creating charts and visual representations?

Chart accessibility requires adhering to WCAG guidelines for contrast ratios, text spacing, and non-text elements. This Skill ensures your visual representations meet these standards while maintaining clear information design.

When should I avoid using 3D effects in my data visualizations?

Avoid 3D effects in data visualizations when they distort data perception or violate Tufte's laws of data-ink ratio. This Skill identifies common mistakes and helps you maintain accurate, accessible information design.