dataviz

Create accessible charts and data visualizations from structured data.

88|15|Updated May 25, 2026
One-click install
npx skills add https://github.com/open-octo/octo-agent --skill dataviz-open-octo
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: dataviz
Source: https://github.com/open-octo/octo-agent/tree/main/internal/skills/defaults/dataviz
Command: npx skills add https://github.com/open-octo/octo-agent --skill dataviz-open-octo

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps transform data into accurate, readable visualizations by selecting appropriate chart types, applying meaningful color systems, and preserving legibility across narrow layouts and accessibility needs.

Core Features & Use Cases

  • Chart Selection: Choose effective bars, lines, histograms, scatter plots, heatmaps, stat tiles, and other visual forms based on the shape of the data.
  • Visual Encoding: Apply categorical, sequential, diverging, or accent-and-neutral color systems with validated, colorblind-aware palettes.
  • Chart Usability: Improve axes, labels, legends, tooltips, annotations, responsive layouts, and accessibility for dashboards, reports, HTML artifacts, and plotting code.
  • Use Case: Use this Skill to turn a dataset of monthly sales by region into a responsive chart with clear units, readable labels, accessible colors, and an appropriate visual hierarchy.

Quick Start

Use the dataviz skill to choose and design the clearest accessible chart for the dataset I provide.

Frequently Asked Questions about dataviz

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 visualization?

Colorblind-aware color palettes use validated categorical, sequential, or diverging color systems to ensure visual encoding remains distinguishable. This prevents accessibility barriers without sacrificing visual hierarchy in dashboards and reports.

How do I create accessible charts that work in narrow layouts?

To create accessible charts for narrow layouts, apply responsive design principles with readable axes, clear labels, and validated color palettes. This preserves legibility across mobile screens and HTML artifacts without losing data context.

Can I generate plotting code for dashboards from structured data?

Yes, you can generate plotting code for dashboards from structured data by selecting appropriate visual forms and applying meaningful color systems. This process outputs readable charts with proper units, legends, and tooltips for reporting.

What is the best way to visualize distribution and correlation data?

The best way to visualize distribution and correlation data is by selecting histograms for distributions and scatter plots for correlations. Applying appropriate visual encoding ensures complex matrix data is communicated clearly and accurately.

When should I not use a heatmap for data visualization?

You should not use a heatmap when visualizing categorical data that lacks inherent ranking, as heatmaps rely on sequential or diverging color systems. For non-ordinal categories, bar charts provide clearer visual encoding and readability.