Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Graphviz Markdown PreviewNew to Visual Studio Code? Get it now.
Graphviz Markdown Preview

Graphviz Markdown Preview

Preview

Geek Learning

|
48,871 installs
| (4) | Free
Adds Graphviz support to VSCode's builtin markdown preview
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Visual Studio Marketplace

Adds GraphViz support to VS Code's builtin markdown preview

Usage

Create diagrams in markdown using graphviz code blocks:

```graphviz
digraph finite_state_machine {
    rankdir=LR;
    size="8,5"

    node [shape = doublecircle]; S;
    node [shape = point ]; qi

    node [shape = circle];
    qi -> S;
    S  -> q1 [ label = "a" ];
    S  -> S  [ label = "a" ];
    q1 -> S  [ label = "a" ];
    q1 -> q2 [ label = "ddb" ];
    q2 -> q1 [ label = "b" ];
    q2 -> q2 [ label = "b" ];
}
```
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft