visualizing-data
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:
- Selection Framework: Systematic decision trees from data type + purpose → chart type
- 24+ Visualization Methods: Organized by analytical purpose
- Accessibility Patterns: WCAG 2.1 AA compliance, colorblind-safe palettes
- Performance Strategies: Optimize for dataset size (<1000 to >100K points)
- Multi-Language Support: JavaScript/TypeScript (primary), Python, Rust, Go
Quick Start Workflow
Step 1: Assess Data
More from neversight/skills_feed
ai-image-generation
|
7react-best-practices
Provides React patterns for hooks, effects, refs, and component design. Covers escape hatches, anti-patterns, and correct effect usage. Must use when reading or writing React components (.tsx, .jsx files with React imports).
7ui-designer
Use when user needs visual UI design, interface creation, component systems, design systems, interaction patterns, or accessibility-focused user interfaces.
7python-env
Fast Python environment management with uv (10-100x faster than pip). Triggers on: uv, venv, pip, pyproject, python environment, install package, dependencies.
7typescript-best-practices
Provides TypeScript patterns for type-first development, making illegal states unrepresentable, exhaustive handling, and runtime validation. Must use when reading or writing TypeScript/JavaScript files.
6ai-marketing-videos
|
6