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

Markdown Kroki

pomdtr

|
1,937 installs
| (1) | Free
Adds Kroki diagram support to VS Code's builtin markdown preview
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Markdown Kroki

Adds diagram support to VS Code's builtin markdown preview using Kroki.

A mermaid diagram in VS Code's built-in markdown preview

Usage

Create diagrams in markdown using fenced code blocks:

```mermaid
graph TD;
    A-->B;
    A-->C;
    B-->D;
    C-->D;
```

Supported formats:

  • actdiag
  • blockdiag
  • bpmn
  • bytefield
  • c4plantuml
  • diagramsnet
  • ditaa
  • erd
  • excalidraw
  • graphviz
  • mermaid
  • nomnoml
  • nwdiag
  • packetdiag
  • pikchr
  • plantuml
  • rackdiag
  • seqdiag
  • structurizr
  • svgbob
  • umlet
  • vega
  • vegalite
  • wavedrom
  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2023 Microsoft