Data Visualization Component Library

Systematic guidance for selecting and implementing effective data visualizations, matching data characteristics with appropriate visualization types, ensuring clarity, accessibility, and impact.

Overview

Data visualization transforms raw data into visual representations that reveal patterns, trends, and insights. This skill provides:

1. Selection Framework: Systematic decision trees from data type + purpose → chart type
2. 24+ Visualization Methods: Organized by analytical purpose
3. Accessibility Patterns: WCAG 2.1 AA compliance, colorblind-safe palettes
4. Performance Strategies: Optimize for dataset size (<1000 to >100K points)
5. Multi-Language Support: JavaScript/TypeScript (primary), Python, Rust, Go

Quick Start Workflow