Data Visualization

概要

This skill enhances Claude's ability to design and implement effective data visualizations by applying perceptual foundations, established layout algorithms, and library-specific best practices. It helps developers navigate the complexities of chart selection, interaction design, and performance scaling while strictly adhering to accessibility standards and avoiding common design anti-patterns. Whether you are building custom D3.js components or enterprise dashboards, this skill ensures every visual element serves a clear communicative purpose based on proven academic foundations.

主な機能

• Technical rendering strategies for SVG, Canvas, and WebGL scaling
• 61 GitHub stars
• Chart selection decision-making for various data volumes and analytical goals
• Comprehensive accessibility standards for colorblind safety and WCAG compliance
• Perceptual accuracy guidance based on the Cleveland & McGill hierarchy
• Algorithm-to-library mapping for complex graph and tree layouts

ユースケース

• Developing custom, interactive charts and complex data dashboards
• Implementing specialized network graphs, flowcharts, or hierarchical trees
• Refactoring existing visualizations to improve performance and accessibility