Code Visualizer: Transforming Code into Engaging Visual Timelines
-
Updated
Nov 6, 2024 - JavaScript
Code Visualizer: Transforming Code into Engaging Visual Timelines
Function call & call stack diagrams for VS Code (Python/TS/JS). Architecture/UML, PlantUML export.
Instant Code Base Insights for Any Language
Visualize any codebase as an interactive force-directed graph. Analyze Python, JS/TS, and more -- see how files, classes, endpoints, and services connect. Click any node for deep dependency chain insight.
Visualize evolution of your MediaWiki based site
chrome-extension github-tools developer-tools ai-documentation code-visualization webide productivity deepwiki gitdiagram gitingest vscode codesandbox stackblitz gitpod repository-analysis
Your codebase as a living 3D city. Files become buildings, folders become districts, bugs become fires, deploys become rockets. Powered by Three.js.
AST-powered developer tool that converts Python, JavaScript, and C++ source code into interactive, ISO-standard logic flowcharts for visual code analysis and documentation.
Visualizing API Usage Examples at Scale (CHI 2018)
Universal code structure visualization via static analysis — tree-sitter powered, no LLM
🔍 Visualize code dependencies and call relationships in VS Code with DepViz. Easily see impacts of changes and export insights in multiple formats.
Convert JavaScript code into SVG flowcharts — live editor for visualizing code flow
Interactive 3D codebase visualization using AST parsing, semantic embeddings, and graph analysis. Built with WebAssembly, WebGPU, and modern web APIs.
Interactive call-graph for any function in VS Code — see callers, callees, and the full call tree. Click to navigate, double-click to explore.
Visualize codebases as interactive graphs to explore files, classes, and dependencies across multiple languages and gain clear insight into project structure.
FlowMap is a Swift code graph and impact analysis tool for understanding and verifying AI-generated code changes.
Claude Code skill for generating VS Code-compatible tldraw (.tldr) architecture diagrams from JSON. Visualize your codebase workflow directly inside VS Code — zero dependencies, works out of the box.
Add a description, image, and links to the code-visualization topic page so that developers can more easily learn about it.
To associate your repository with the code-visualization topic, visit your repo's landing page and select "manage topics."