skills.rest
davidbeglenboyle
davidbeglenboyleCOMMUNITY
Explore all skills by this author →
GitHub

chart-design

Apply Apple HIG-inspired design principles to improve chart clarity.

2|1|Updated Feb 4, 2026
Search Tags:#design#accessibility#visualization#principles#guidelines#chart#data-visualization
One-click install
npx skills add https://github.com/davidbeglenboyle/davids-claude-code-setup --skill chart-design
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: chart-design
Source: https://github.com/davidbeglenboyle/davids-claude-code-setup/tree/main/skills/ready-to-use/chart-design
Command: npx skills add https://github.com/davidbeglenboyle/davids-claude-code-setup --skill chart-design

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Charts often fail to communicate clearly, missing focus or accessibility. This Skill provides a concise set of Apple HIG-inspired principles to guide chart design across tools.

Core Features & Use Cases

  • Focused messages: ensure one primary insight per chart.
  • Accessibility: color, labels, and structure that support all users.
  • Use Case: apply these rules when designing dashboards, reports, or product analytics visuals.

Quick Start

Audit your next chart against focus, accessibility, and clear labeling to immediately improve comprehension.

Frequently Asked Questions about chart-design

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

FAQPage Schema
How do I improve chart clarity and accessibility in data visualization?▼

Improve chart clarity by applying Apple HIG-inspired design principles to visualizations, enforcing focus, proper labeling, and consistent visual hierarchy to support all users.

What design principles ensure a data visualization has a clear focus?▼

Design principles for clear focus ensure one primary insight per chart. Audit your visualization against criteria for focus, accessibility, and clear labeling to improve comprehension.

Can I apply these chart design guidelines to dashboards built in Tableau or D3?▼

Yes, you can apply these chart design guidelines to dashboards, reports, or interactive charts across any toolchain, from matplotlib to D3 to Tableau.

How do I audit an existing chart for accessibility and visual hierarchy?▼

Audit an existing chart by checking it against criteria and checklists for focus, accessibility, proper labeling, and consistent visual hierarchy to immediately improve comprehension.

Why does my chart fail to communicate its primary message to users?▼

Your chart fails to communicate when it lacks focus or accessibility. Apply concise design rules to enforce one primary insight per chart and establish a consistent visual hierarchy.

Related Skills

Explore More Design & Creative Skills→
KYRIE66nbKYRIE66nb

officecli-data-dashboard

Generates an Excel dashboard with KPI cards, sparklines, and charts from CSV data.

Community
Advanced
m0atm0at
1

plotly

Create interactive visualizations with Plotly Express and Graph Objects APIs.

Community
Advanced
aref-vcaref-vc
288

tufte-claude-skill

Generate Tufte-compliant charts from text requests using matplotlib and D3.js.

Community
Advanced
erichowenserichowens
181

design-archivist

Extract color, typography, layout, and interaction patterns from design examples.

Community
Advanced