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
See any codebase as a map, not a maze — client-side interactive architecture maps. GitHub URL or local folder in, dependency graph + critical path + dead code out. Optional Claude enrichment.
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)
Interactive call-graph for any function in VS Code — see callers, callees, and the full call tree. Click to navigate, double-click to explore.
Universal code structure visualization via static analysis — tree-sitter powered, no LLM
See any TypeScript/JavaScript codebase as an interactive map. A local, zero-config successor to Sourcetrail.
Interactive 3D codebase visualization using AST parsing, semantic embeddings, and graph analysis. Built with WebAssembly, WebGPU, and modern web APIs.
Claude Code skill that maps a project's dependency graph: an Obsidian vault for humans and a compact PROJECT_MAP.md for token-efficient AI navigation, with auto-refresh on source edits.
Watch any public GitHub repository build live in your browser. Character-by-character replay with live HTML, CSS, and JS preview.
FlowMap is a Swift code graph and impact analysis tool for understanding and verifying AI-generated code changes.
Chrome & Firefox extension that generates interactive Mermaid dependency graphs for any GitHub repository — file imports, function call edges, and overall API structure.
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."