VS Code Extensions

Tags

#flowchart

Diagram Weaver

Diagram Weaver

abhijeetnardele

Generate hand-drawn, minimalist Mermaid diagrams using native VS Code Language Models.

Machine Learning Visualization #ai
16
Strander

Strander

BlazingCacti

Strander brings the Flowchart.fun authoring experience to VS Code! A split-view text/visual editor for .strand flowcharts with drag-and-drop layout, Material icons, CSS theming, and live preview.

Visualization #css
15
DrawIt for VS Code

DrawIt for VS Code

ChamukaLabs

Create and edit DrawIt diagrams with AI generation — directly in VS Code.

Programming Languages Visualization #ai
14
Exposure Func

Exposure Func

ALEXYRDM

Visualize Python function call chains as interactive flowcharts

Programming Languages Visualization #python
14
Elsa to Mermaid

Elsa to Mermaid

0x13D

Preview Elsa Workflow JSON definitions (v2.x and v3+) as Mermaid flowchart diagrams, side by side with the editor.

Visualization #json
11
Jiscribe Beta

Jiscribe Beta

gznnk

An AI-friendly, Git-manageable JSON canvas editor. Draw diagrams directly in VS Code and collaborate visually with AI.

Visualization AI #git
11
ADI Flow Nav

ADI Flow Nav

ADIFlowNav

Visualize AdInsure document status model flows (documentFlow.json) like Next.Nav

Visualization #graph
8
CodeDetective

CodeDetective

dev-shridhar

Instant flowcharts from your Python code. Right-click any function — CodeDetective parses it with tree-sitter, resolves calls across files, and renders an interactive control-flow diagram right inside VS Code.

Programming Languages Visualization #python
8
Mermaid Viz

Mermaid Viz

nkokhelox

Live preview Mermaid diagram (.mmd / .mermaid) files inside VS Code.

Visualization #keybindings
7
Ambastha Diagrams

Ambastha Diagrams

SudhanshuAmbastha

Diagram previewer for .abd files.

Programming Languages Snippets #visualization
7
Advanced Mermaid: Visual Diff

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.

SCM Providers Visualization #git
5
Swimlane Diagram Preview

Swimlane Diagram Preview

tossie85

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

Other #markdown
5