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

Graphviz Markdown Preview

Preview

Geek Learning

|
25,508 installs
| (4) | Free
Adds Graphviz support to VSCode's builtin markdown preview
Install
Trouble Installing?

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
  • Terms of use
  • Trademarks
© 2022 Microsoft