algorithm-visualizer

Solid

Generate visual representations of algorithm execution

AI & Automation 1,160 stars 71 forks Updated today MIT

Install

View on GitHub

Quality Score: 94/100

Stars 20%
100
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
80
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# 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 1. **Array Operations**: Sorting, searching, two-pointer techniques 2. **Tree Structures**: Binary trees, BST operations, tree traversals 3. **Graph Algorithms**: BFS, DFS, shortest paths, MST 4. **DP Tables**: State transitions, optimal substructure 5. **Data Structures**: Stack, queue, heap operations ## Input Schema ```json { "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 ```json { "type": "object", "properties": { "success": { "type": "boolean" }, "visualization": { "type": "string" }, "steps": { "type": "array" }, "format": { "type": "string" } }, "required": ["success"] } ``` ## Integration Can integrate with visu...

Details

Author
a5c-ai
Repository
a5c-ai/babysitter
Created
4 months ago
Last Updated
today
Language
JavaScript
License
MIT

Similar Skills

Semantically similar based on skill content — not just same category

AI & Automation Solid

alphaear-logic-visualizer

Create visualize finance logic diagrams (e.g., Draw.io XML) to explain complex finance transmission chains or finance logic flows.

2,386 Updated 2 months ago
RKiding
AI & Automation Solid

network-visualizer

Skill for visualizing network and graph data

1,160 Updated today
a5c-ai
AI & Automation Solid

solution-explainer

Generate clear explanations of algorithm solutions

1,160 Updated today
a5c-ai
AI & Automation Solid

visualize

Render rich interactive visuals — SVG diagrams, HTML widgets, Chart.js charts, interactive explainers — directly inline in chat using the render_visualization tool. Use whenever the user asks to visualize, diagram, chart, draw, map out, or illustrate something, or when a topic has spatial, sequential, or systemic relationships a diagram would clarify better than prose. Also use proactively for data comparisons, metrics, architecture, processes, or mechanisms that benefit from a visual.

378 Updated 3 days ago
Classic298
AI & Automation Solid

datavis

Comprehensive data visualization toolkit for creating beautiful, mathematically elegant visualizations with D3.js, Chart.js, and custom SVG. Use when (1) building interactive data visualizations, (2) designing color palettes for charts, (3) choosing scales and visual encodings, (4) creating data pipelines from Census/SEC/Wikipedia APIs, (5) crafting narrative-driven data stories, (6) making perceptually accurate charts, or (7) implementing force-directed networks, timelines, or geographic maps.

2,210 Updated 1 weeks ago
foryourhealth111-pixel