Visualizer Hub is a curated home for real, working visualizer tools covering Data Structures & Algorithms, Machine Learning, Systems, Programming Languages, and beginner-friendly CS education — each one a full tool you can open and use right now.
Sorting, neural nets, CPU pipelines, code execution — the concepts that are hardest to picture in text are exactly what these tools are built to show, one step at a time.
Instead of one do-it-all engine, Visualizer Hub links out to more focused, purpose-built visualizers — each maintained as its own open-source tool on GitHub.
Every linked visualizer lets you move through execution at your own pace, forward or backward.
Write your own C, JavaScript, or Bangla pseudocode and watch it actually execute, not a pre-baked animation.
Every tool is public on GitHub — read the code, fork it, or contribute back.
There's no sign-in wall between you and any tool. Click through, and you're using the tool.
The same loop works whether you're on sorting, a CPU simulator, or a JavaScript trace table.
Browse the catalog below and open the tool that matches what you're studying.
Load an example or write your own code, then move one operation at a time through the visualization.
Every tool is open source — dig into the repo itself once the visual has made the idea click.
Filter by area, then click through — every card opens the live tool in a new tab.
Practice manual tracing for C programming.
Step by Step C Code Execute and Visualize easily using C Code Visualizer
Write any C code in the editor or pick an example then click Visualize for step-by-step execution.
Interactive Python visualizer built for kids just starting to code.
A smart Data Structure and Algorithm (DSA) visualizer Using CSE DSA Visualizer.
A smart Data Structure and Algorithm (DSA) visualizer.
26 machine-learning ideas, worked by hand then set loose to run live in your browser.
ভিজুয়াল CPU সিমুলেটর - a visual CPU simulator.
An Interactive Operating Systems - OS fundamental Simulator.
A JavaScript visualizer pro tool for tracing execution step by step.
A JavaScript OOP IDE and class-structure visualizer.
Build a trace table for JavaScript code and run it line by line.
Turn JavaScript code into a flowchart, then run it.
বাংলা কোড থেকে ফ্লোচার্ট ও কোড রান — turn Bangla code into a flowchart and run it.
Convert your flowchart to multiple programming languages source code.
Learn programming concepts through interactive block games.
Three common ways to learn a CSE concept, and what each one actually gives you.
| Method | Visualizer Hub tools | Static diagram / docs | Passive video |
|---|---|---|---|
| Shows state changing over time | Yes, frame by frame | No — one fixed snapshot | Yes, but fixed pace |
| Lets you pause on any step | Yes, indefinitely | Not applicable | Yes, but loses sync |
| Runs your own code, not a fixed demo | Yes, on several tools | No | No |
| Source is open to read | Yes, every tool | Sometimes | Usually not |
| Requires an account | No — open access | Varies | Often yes |
Every term below pairs with one of the tools in the Visualizer catalog above.
Halves the search space each step by comparing the target to the middle element of a sorted array — see Algorithmica-DSA.
Layers of connected nodes that learn weights from data — trace one live in ML-Neural-Atlas.
Overlapping the fetch, decode, execute, memory, and write-back stages of successive instructions — see CPU-Sim-Viz.
A line-by-line record of variable values as code executes — build one in JS-Trace-Table.
A diagram of a program's control flow, generated automatically in JSFlowRun and Bangla2Flow.
A blueprint and its instances in object-oriented code — inspect the structure live in JS-OOP-IDE.
"CPU-Sim-Viz explained pipelining in a way three semesters of lecture slides never did."
"I used C-Visualizer-Plus to actually watch my own pointer bugs happen instead of guessing at them."
"No login, no paywall — I just opened Algorithmica-DSA and started stepping through sorts before my exam."
No. Every tool in the catalog is a public, open-access tool — click through and you're using it, with no account or paywall.
Data Structures & Algorithms, Machine Learning, Systems & Architecture, Programming Languages, and beginner-friendly CS education, across more separate tools.
Each card links out to its own GitHub repository, where you'll find the live tool (or instructions to run it) along with the full source code.
Yes — every tool is open source, so you're welcome to open an issue, fork it, or submit a pull request directly on GitHub.
Each repository's README explains what the tool does and how to use it; some also include worked examples and notes alongside the code.