Claude-skill-registry high-performance-data-visualization
Render large datasets (charts, graphs) using Canvas/SVG/WebGL within React.
install
source · Clone the upstream repo
git clone https://github.com/majiayu000/claude-skill-registry
Claude Code · Install into ~/.claude/skills/
T=$(mktemp -d) && git clone --depth=1 https://github.com/majiayu000/claude-skill-registry "$T" && mkdir -p ~/.claude/skills && cp -r "$T/skills/data/high-performance-data-visualization" ~/.claude/skills/majiayu000-claude-skill-registry-high-performance-data-visualization && rm -rf "$T"
manifest:
skills/data/high-performance-data-visualization/SKILL.mdsource content
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.