DSA Algorithm Visualizer (MCP Server)
An MCP server plus LangGraph agent that turns algorithm questions into interactive Three.js visualizations.
- Python
- FastAPI
- LangGraph
- MCP
- Three.js
Problem
Placeholder: describe what this project solves. For example, how hard it is to understand a data structure or algorithm from text alone, and how an agent that returns a runnable visualization can help students and interview prep.
Architecture
Placeholder: describe the pieces. An MCP server exposes tools (for example, "visualize binary search"), FastAPI serves them, LangGraph orchestrates the agent's reasoning steps, and the client renders the result with Three.js.
Key decisions
Placeholder: list the decisions and why. For example, why MCP instead of a custom tool protocol, how the agent decides which algorithm to visualize, and how the visualization payload is shaped so the client stays simple.
What I learned
Placeholder: the lessons. For example, how to design tool schemas for an LLM, how to keep agent steps deterministic where it matters, and how to render animated structures efficiently in Three.js.