data-visualization

Select, encode, and design accessible data visualizations and dashboards.

1|Updated Jun 9, 2026
One-click install
npx skills add https://github.com/jpoindexter/design-and-ai-skills --skill data-visualization-jpoindexter
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: data-visualization
Source: https://github.com/jpoindexter/design-and-ai-skills/tree/main/design-system-skills/data-visualization
Command: npx skills add https://github.com/jpoindexter/design-and-ai-skills --skill data-visualization-jpoindexter

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill addresses the challenges of choosing the right charts, encoding data effectively, and creating accessible visualizations and dashboards.

Core Features & Use Cases

  • Chart Selection: Offers guidance on selecting the appropriate chart type based on the question and data.
  • Visual Encoding: Provides rules for encoding data visually with perceptual accuracy.
  • Color Schemes: Offers advice on using color effectively for data representation.
  • Accessibility: Ensures that charts and dashboards are accessible to users with disabilities.
  • Dashboard Design: Provides best practices for designing effective dashboards.
  • Use Case: For a marketing team analyzing sales data, this Skill can help design a dashboard that clearly presents key metrics and trends, ensuring that the information is easily digestible and actionable.

Quick Start

Use the data-visualization skill to design a dashboard for your sales data, focusing on the top 5 products by revenue over the past quarter.

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 data presentation?

Selecting the right chart type requires matching your specific data question to the appropriate visual encoding. This skill provides guidelines for choosing charts based on data structure, ensuring perceptual accuracy and clear data presentation.

What are the best practices for designing an effective business intelligence dashboard?

Effective dashboard design requires organizing key metrics and trends so they are easily digestible and actionable. This skill provides best practices for structuring dashboards, applying visual encoding rules, and using color schemes effectively for business intelligence.

How can I make my data visualizations accessible to users with disabilities?

Making data visualizations accessible involves following specific accessibility standards for charts and dashboards. This skill ensures your visual encoding and color schemes are designed to be inclusive for users with disabilities.

How do I use color schemes effectively in data visualization?

Using color effectively in data visualization means applying color schemes that accurately represent data without distortion. This skill offers advice on selecting colors that enhance perceptual accuracy and maintain accessibility standards.

Can I apply these data visualization guidelines to marketing and sales analysis?

Yes, these data visualization guidelines apply directly to marketing and sales analysis. The skill helps design dashboards that clearly present key metrics and trends for business intelligence, ensuring information is actionable for marketing teams.