How does this skill help in choosing the right chart type?

It provides a systematic decision tree that evaluates your data type (categorical, temporal, spatial) and your analytical goal (comparison, trend, distribution) to recommend the most effective visualization.

Can this skill handle very large datasets?

Absolutely. It includes performance strategies that scale from simple SVG rendering for small sets to Canvas-based rendering and server-side aggregation for datasets exceeding 100,000 points.

Are the visualizations generated accessible for colorblind users?

Yes, the skill includes WCAG 2.1 AA compliance patterns and specifically recommends colorblind-safe palettes like the IBM palette to ensure data is readable by everyone.

Which programming languages are supported by this skill?

This skill primarily supports JavaScript/TypeScript, but also includes implementation patterns for Python, Rust, and Go, focusing on popular libraries like Recharts, D3.js, and Plotly.

Data Visualization Toolkit

Name: Data Visualization Toolkit
Author: ancoleman

byancoleman

•

158

分析と監視

Builds accessible, high-performance dashboards and data-driven interfaces using a systematic selection framework and comprehensive chart library.

概要

This skill provides a systematic framework for selecting and implementing effective data visualizations based on data characteristics and analytical goals. It offers guidance on over 24 visualization types, ensures WCAG 2.1 AA accessibility compliance with colorblind-safe palettes, and provides performance strategies for large datasets. Whether you are building React dashboards with Recharts or scientific plots in Python, this skill helps you transform raw data into meaningful insights through clear, professional, and accessible visual representations.

主な機能

Performance optimization strategies for datasets exceeding 100k points
Purpose-driven selection matrix for 24+ visualization types
Multi-language support for JavaScript, TypeScript, Python, and more
WCAG 2.1 AA accessibility patterns and colorblind-safe palettes
Direct implementation guides for Recharts, D3.js, and Plotly
158 GitHub stars

ユースケース

Designing business dashboards with real-time performance metrics
Creating accessible scientific reports with complex statistical distributions
Building interactive data explorations for web and mobile applications

概要

主な機能

Performance optimization strategies for datasets exceeding 100k points
Purpose-driven selection matrix for 24+ visualization types
Multi-language support for JavaScript, TypeScript, Python, and more
WCAG 2.1 AA accessibility patterns and colorblind-safe palettes
Direct implementation guides for Recharts, D3.js, and Plotly
158 GitHub stars

ユースケース

Designing business dashboards with real-time performance metrics
Creating accessible scientific reports with complex statistical distributions
Building interactive data explorations for web and mobile applications