VSCode for Diagramming and Presentation

4 min readMay 9, 2021

Use Visual Studio Code for diagramming and presentation.

VSCode with diagrams.net


Besides writing code, Visual Studio Code, with a wide range of available extensions, is also a great tool for writing, diagramming, and presentation.

In my previous articles, I described using Vim/Neovim and Emacs for presentation, documentation, and notes taking. In this article, let’s explore using VSCode for diagramming and presentation.

diagrams.net (formerly draw.io)

This is definitely one of my favorite diagramming tools. diagrams.netis a free browser-based end-user diagramming software.


There is a desktop version available developed in Electron. However, nowadays I normally use it from within VSCode using the unofficial extension.

VSCode with diagrams.net

diagrams.net has everything you need from a professional diagramming tool and is well integrated with cloud storage providers (OneDrive, Google Drive, Dropbox) and platforms like GitHub or GitLab.

Marp: Markdown Presentation Ecosystem

Marp enhances VSCode’s Markdown preview pane to support writing your beautiful presentation.

Create Slide Deck in VSCode using Marp

Software engineer, Data Science and ML practitioner.