Diagrams & PPTs

An overview of a workflow is worth…a lot.

Diagrams for All

You can make AI make these diagrams for you.

Mermaid Live

I discovered mermaidJS diagrams thanks to HUGO SSG

Thanks to mermaidJs, we can make cool diagrams as a code

And you can use it for free at: <mermaid.live>

Python Diagrams

Python Plotly Graphs

PPTs as Code

Presentations as a Code

SliDev

Setup a SliDev Project, like any other SSG:

1. Get Node and NPM
2. Initialize the SliDev project

npm init slidev #yarn create slidev
#npm run dev #if you want to restart where you left it

npm install -g @slidev/cli #npm install --save-dev @slidev/cli
npm i -D playwright-chromium

3. Modify the slides.md - Make changes to your ppt via markdown

It can create a PPT assistant as seen on this post

MARP and RemarkJS

Two other options to create PPTs as a Code.

Animotion

• https://github.com/animotionjs/animotion

MIT | 🪄 Create beautiful presentations with Svelte