← ClaudeAtlas

data-visualizationlisted

Design, review, and implement effective data visualizations using practical principles for chart selection, data ordering, visual hierarchy, colors, tooltips, legends, gridlines, trend lines, and realistic data. Use when creating charts, dashboards, analytics interfaces, or reviewing existing data visualizations.
laban405/ui-design-skills · ★ 0 · Data & Documents · score 72
Install: claude install-skill laban405/ui-design-skills
# Data Visualization Use these principles when designing, reviewing, or implementing data visualizations. Source rationale and extended examples live in `references/chart-principles.md` — read it when a decision needs more justification than the checklist below gives. ## 1. Choose a familiar chart type Prefer chart types users already know how to read: bar/column, line, area, pie/donut. Don't invent a novel chart type (streamgraphs, etc.) unless there's a clear, specific usability win over a familiar one. ## 2. Limit pie charts to 5 slices If a pie chart is the right call, cap it at 5 slices. Past that, switch to a bar chart — it handles more categories and comparison is easier than eyeballing angles. ## 3. Order categorical data Sort bar/column data ascending or descending unless there's an inherent order (e.g. time). Time-series data stays chronological — never re-sorted by value. ## 4. No 3D charts 3D effects distort area/angle perception and add nothing. Never use them for decoration. ## 5. Use an intentional color palette Don't rely on auto-generated/random series colors. Pick a deliberate palette that fits the product's visual language, keeps series distinguishable, holds contrast, and is consistent in meaning across the app (e.g. the same category is always the same color). Never make color the only channel carrying essential information — pair it with position, label, or pattern. ## 6. Don't depend on tooltips Tooltips are supplementary. Primary values an