Use Visual Studio Code for diagramming and presentation.
Besides writing code, Visual Studio Code, with the 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.
Writing Technical Documentation with Emacs
Writing technical documentation using Emacs Org mode.
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 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.
Since it uses Markdown, it is very easy to get started creating presentation slides.
It also supports additional directives and syntax for images, math typesetting, auto-scaling, and more.
You can display mathematical equations using Pandoc’s Markdown style.
You can use Markdown to display images.
There are built-in themes and you can easily create and customize your own themes using CSS.
Once you are ready with your slides, you can export them to PDF, HTML, PowerPoint, or JPEG.
Since the presentations are made with reveal.js, anything you can do on the web, you can do in your presentation.
You can change styles using CSS, include an external web page using an
Once you create your presentation Markdown files, you can export them to PDF or HTML. The HTML presentation slides can then be hosted online for viewing. E.g., you can browse a sample presentation through Github pages here.
For developers comfortable with code editors like VSCode, Emacs, or Vim/Neovim, there are plugins or extensions available that can help you to do more things besides coding.
Do also check out these articles!
Vim/Neovim — Managing Notes and Todo List
Using Vim/Neovim to manage your notes and to-do list.