Agent skill
high-performance-data-visualization
Render large datasets (charts, graphs) using Canvas/SVG/WebGL within React.
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.
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
Didn't find tool you were looking for?