#diagram

Flow Visualizer - WSO2

dagimawulachew

Visualize WSO2 Synapse Proxy Services, APIs, and Sequences as interactive flow diagrams with Activity Bar integration in Visual Studio Code.

Dependinator

michaelreichenauer

Dependinator visualizes code structure and dependencies as an interactive, navigable map, making complex architectures easier to understand, analyze, and refactor.

FlowTrace

nixenic

Trace call chains from any function down to the database — layered call-flow diagram with DB table/column access tracking (TypeORM, Prisma, raw SQL).

Rails Schema Preview

AdinOmic

Preview Rails schema.rb files as interactive ER diagrams, docs, health checks, indexes, and seed data inside VS Code.

Advanced Mermaid: Visual Diff

AkshayDMuley

Visual diff for Mermaid diagrams — compare the rendered picture across any git ref, or merge both versions into one marked-up diagram.

UniNotepad Markdown Preview

ilphs

Markdown preview with interactive Mermaid diagrams — pan, zoom, and a transparent/solid diagram backdrop. Ported from the UniNotepad editor.

Swimlane Diagram Preview

tossie85

Render ```swimlane fenced code blocks as diagrams directly in VS Code's built-in Markdown preview.

Pipemap Editor

Pipemap

Documentação viva dos fluxos do seu sistema. Abra um arquivo YAML e veja um diagrama interativo no editor; peça pra IA documentar um fluxo e ela conduz uma entrevista estruturada e gera o YAML. Funcio

Little Oxford

smith-street-software

Live architecture diagrams in VS Code — your AI agent writes a loose system model, you drag and refine it as a diagram.

CodeView FSD Architecture

Irinova

FSD architecture from .codeview config with visual layer board and AI generation

Event Storming Renderer

rexebin

Render event storming diagrams on GitHub and in VS Code Markdown preview.

Mermaid Auto-Doccing

TheTod

Extension to automatically generate documentation from Mermaid diagrams in VS Code.