Data Visualization

Turn raw numbers into clear, interpretable visuals for dashboards and reports.

Updated Dec 6, 2025
One-click install
npx skills add https://github.com/audunstrand/status-app --skill data-visualization-audunstrand
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Data Visualization
Source: https://github.com/audunstrand/status-app/tree/main/.github/skills/data-visualization
Command: npx skills add https://github.com/audunstrand/status-app --skill data-visualization-audunstrand

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Data visualization is essential to communicate insights from numbers. This skill provides guidelines on perceptual effectiveness, chart selection, and accessible rendering to help you turn data into compelling visuals.

Core Features & Use Cases

  • Perceptual best practices: apply encoding hierarchies, avoid misleading visuals, and ensure accessibility.
  • Chart selection & layout: map questions to chart types and apply established layout patterns using popular libraries.
  • Real-world scenarios: create dashboards, reports, and presentations where visuals drive understanding and decision-making.

Quick Start

Start with a dataset and a concrete question, pick an appropriate chart type, and outline the steps to implement the visualization in your project.

Frequently Asked Questions about Data Visualization

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

FAQPage Schema
How do I turn raw data into clear charts for dashboards and reports?

To turn raw data into clear charts, start with a dataset and a concrete question, then map that question to an appropriate chart type. This approach applies established layout patterns and perceptual guidelines to ensure your visuals drive quick comprehension.

What is the best way to choose a chart type for data visualization?

The best way to choose a chart type for data visualization is to map your specific data question directly to a chart format. This ensures your visuals follow perceptual effectiveness and encoding hierarchies, avoiding misleading visuals and maintaining accessibility.

How does data storytelling improve presentations and reports?

Data storytelling improves presentations by turning raw numbers into compelling, interpretable visuals. Applying accessible rendering and perceptual best practices ensures your audience can quickly comprehend insights and make informed decisions.

Can I use D3 and established libraries to build accessible data visualizations?

Yes, you can build accessible data visualizations using established libraries like D3. The process applies accessible rendering patterns and encoding hierarchies to ensure your charts and dashboards meet accessibility guidelines while maintaining perceptual effectiveness.

When do I need to apply encoding hierarchies and accessibility guidelines to my charts?

You need to apply encoding hierarchies and accessibility guidelines to your charts whenever you create dashboards, reports, or presentations. This ensures your data visualization avoids misleading visuals and fulfills perceptual best practices for all viewers.

What are the limitations of using standard layout patterns for data visualization?

Standard layout patterns for data visualization can be limiting if your raw data does not align with a clear, concrete question. Without a specific mapping between your data question and the chosen chart type, established patterns may fail to drive quick comprehension and could result in misleading visuals.