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
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
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.
Interactive call-graph for any function in VS Code — see callers, callees, and the full call tree. Click to navigate, double-click to explore.
See any TypeScript/JavaScript codebase as an interactive map. A local, zero-config successor to Sourcetrail.
Convert JavaScript code into SVG flowcharts — live editor for visualizing code flow
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.
Interactive 3D codebase visualization using AST parsing, semantic embeddings, and graph analysis. Built with WebAssembly, WebGPU, and modern web APIs.
FlowMap is a Swift code graph and impact analysis tool for understanding and verifying AI-generated code changes.
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."