Algorithm Visualizer Skill
Purpose
Generate visual representations of algorithm execution to aid understanding, debugging, and explanation of algorithmic concepts.
Capabilities
- Step-by-step execution visualization
- Data structure state visualization
- Graph algorithm animation
- DP table visualization
- Generate animated GIFs/videos
- Interactive visualization generation
- Tree and array state rendering
Target Processes
- algorithm-implementation
- dp-pattern-matching
- graph-traversal
- interview-problem-explanation
Visualization Types
- Array Operations: Sorting, searching, two-pointer techniques
- Tree Structures: Binary trees, BST operations, tree traversals
- Graph Algorithms: BFS, DFS, shortest paths, MST
- DP Tables: State transitions, optimal substructure
- Data Structures: Stack, queue, heap operations
Input Schema
{
"type": "object",
"properties": {
"algorithm": { "type": "string" },
"input": { "type": "object" },
"format": {
"type": "string",
"enum": ["ascii", "svg", "gif", "html"]
},
"steps": { "type": "boolean", "default": true }
},
"required": ["algorithm", "input"]
}Output Schema
{
"type": "object",
"properties": {
"success": { "type": "boolean" },
"visualization": { "type": "string" },
"steps": { "type": "array" },
"format": { "type": "string" }
},
"required": ["success"]
}Integration
Can integrate with visualization libraries like Manim, D3.js, or generate ASCII art for terminal-based visualization.