VSCode for Diagramming and Presentation

Use Visual Studio Code for diagramming and presentation.

VSCode with diagrams.net

Overview

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.

Using Vim/Neovim for Presentation

Writing Technical Documentation with Emacs

diagrams.net (formerly draw.io)

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

diagrams.net

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