Agent skill

high-performance-data-visualization

Render large datasets (charts, graphs) using Canvas/SVG/WebGL within React.

Stars 163
Forks 31

Install this agent skill to your Project

npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/data/high-performance-data-visualization

SKILL.md

High-Performance Data Visualization

Summary

Render large datasets (charts, graphs) using Canvas/SVG/WebGL within React.

Key Capabilities

  • Decouple render cycle from React.
  • Implement zoom and pan interactions.
  • Handle 100k+ data points.

PhD-Level Challenges

  • Maintain interactivity at scale.
  • Map coordinate systems accurately.
  • Implement responsive resizing.

Acceptance Criteria

  • Render a scatter plot with 10k points.
  • Implement smooth zoom.
  • Show FPS metrics.

Expand your agent's capabilities with these related and highly-rated skills.

Didn't find tool you were looking for?

Be as detailed as possible for better results