Documentation
Resources
Diagrams & PPTs

Diagrams & PPTs

An overview of a workflow is worth…a lot.

A diagram simply summarizes a lot of information.

Diagrams for All

Dont complicate your life.

You can make AI make these diagrams for you: https://github.com/JAlcocerT/Streamlit_PoC/tree/main/Utils

ℹ️
Checkout AIssistant and its source code 💻
ℹ️
Was testing it here

Diagrams Tools

DrawIO

Mermaid Live

MermaidJS Diagrams are just amazing.

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

You can use mermaidJS for free at: https://mermaid.live/edit

I discovered mermaidJS diagrams thanks to HUGO SSG Hextra Theme

Excalidraw

A game changer to create quick diagrams to showcase your D&A architectural ideas with the team:

MIT | Virtual whiteboard for sketching hand-drawn like diagrams

Python Diagrams

For sure you will want to have a look to Python Plotly Graphs

And to the Python Diagrams:

AI BI Tools PostAI BI Tools Post
Writting about Streamlit PoC with PyGWalker
Streamlit PoCStreamlit PoC
Source Code on Github. Rendering Plotly, MermaidJS, ChartJS, ApexCharts, PyGWalker with OSM geolocation data…

ChartJS Graphs

Which can also be part of HUGO Themes, with such results.

Structurizr Lite

This free and open source version of Structurizr allows you to view/edit diagrams, view documentation, and view architecture decision records defined via a DSL or JSON workspace.

Structurizr Lite can be used standalone for workspace viewing/authoring, or in conjunction with the cloud service/on-premises installation as an authoring/testing/staging environment.

PPTs as Code

Presentations as a Code

  1. SliDev

  2. MARP and RemarkJS

  3. RevalJS and Astro - Which can also be deploy to Github Pages: https://github.com/JAlcocerT/slides-template

Minimalist template for creating slides with Reveal.js and Astro

Animotion

MIT | 🪄 Create beautiful presentations with Svelte

AndroidDocumentation