github/awesome-kubernetes
1
0
Fork 0
mirror of https://github.com/nubenetes/awesome-kubernetes.git synced 2026-07-15 19:32:58 +00:00
Code Issues Packages Projects Releases Wiki Activity
Files
develop
awesome-kubernetes/site/cloud-arch-diagrams/index.html

3686 lines
98 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!doctype html>
<html lang="en" class="no-js">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="description" content="Enterprise-grade curated portal for the modern Cloud Native ecosystem. High-density, AI-driven selection of top-tier resources.">
<meta name="author" content="Nubenetes">
<link rel="canonical" href="https://nubenetes.com/cloud-arch-diagrams/">
<link rel="prev" href="../cheatsheets/">
<link rel="next" href="../cloud-asset-inventory/">
<link rel="icon" href="../images/favicon-ultra.png">
<meta name="generator" content="mkdocs-1.6.1, mkdocs-material-9.7.6">
<title>Cloud Arch Diagrams - Nubenetes V2 | The AI's Cut</title>
<link rel="stylesheet" href="../assets/stylesheets/main.484c7ddc.min.css">
<link rel="stylesheet" href="../assets/stylesheets/palette.ab4e12ef.min.css">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
<style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap">
<link rel="stylesheet" href="../static/extra.css">
<link rel="stylesheet" href="../static/v2_elite.css?v=2.3.44">
<script>__md_scope=new URL("..",location),__md_hash=e=>[...e].reduce(((e,_)=>(e<<5)-e+_.charCodeAt(0)),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
</head>
<body dir="ltr" data-md-color-scheme="slate" data-md-color-primary="custom" data-md-color-accent="custom">
<input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
<input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
<label class="md-overlay" for="__drawer"></label>
<div data-md-component="skip">
<a href="#cloud-architecture-diagram-tools" class="md-skip">
Skip to content
</a>
</div>
<div data-md-component="announce">
</div>
<div data-md-color-scheme="default" data-md-component="outdated" hidden>
</div>
<header class="md-header md-header--shadow md-header--lifted" data-md-component="header">
<nav class="md-header__inner md-grid" aria-label="Header">
<a href=".." title="Nubenetes V2 | The AI&#39;s Cut" class="md-header__button md-logo" aria-label="Nubenetes V2 | The AI's Cut" data-md-component="logo">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a3 3 0 0 0 3-3 3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3m0 3.54C9.64 9.35 6.5 8 3 8v11c3.5 0 6.64 1.35 9 3.54 2.36-2.19 5.5-3.54 9-3.54V8c-3.5 0-6.64 1.35-9 3.54"/></svg>
</a>
<label class="md-header__button md-icon" for="__drawer">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
</label>
<div class="md-header__title" data-md-component="header-title">
<div class="md-header__ellipsis">
<div class="md-header__topic">
<span class="md-ellipsis">
Nubenetes V2 | The AI's Cut
</span>
</div>
<div class="md-header__topic" data-md-component="header-topic">
<span class="md-ellipsis">
Cloud Arch Diagrams
</span>
</div>
</div>
</div>
<form class="md-header__option" data-md-component="palette">
<input class="md-option" data-md-color-media="" data-md-color-scheme="slate" data-md-color-primary="custom" data-md-color-accent="custom" aria-label="Switch to light mode" type="radio" name="__palette" id="__palette_0">
<label class="md-header__button md-icon" title="Switch to light mode" for="__palette_1" hidden>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 1 3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5z"/></svg>
</label>
<input class="md-option" data-md-color-media="" data-md-color-scheme="default" data-md-color-primary="custom" data-md-color-accent="custom" aria-label="Switch to dark mode" type="radio" name="__palette" id="__palette_1">
<label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_0" hidden>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21 11c0 5.55-3.84 10.74-9 12-5.16-1.26-9-6.45-9-12V5l9-4 9 4zm-9 10c3.75-1 7-5.46 7-9.78V6.3l-7-3.12L5 6.3v4.92C5 15.54 8.25 20 12 21m-3-6.67c1.76 2.17 5.13 2.24 6.97.07.23-.27.08-.68-.26-.74a4.5 4.5 0 0 1-3.18-2.2 4.5 4.5 0 0 1-.32-3.86.453.453 0 0 0-.51-.6c-3.34.62-4.89 4.61-2.7 7.33"/></svg>
</label>
</form>
<script>var palette=__md_get("__palette");if(palette&&palette.color){if("(prefers-color-scheme)"===palette.color.media){var media=matchMedia("(prefers-color-scheme: light)"),input=document.querySelector(media.matches?"[data-md-color-media='(prefers-color-scheme: light)']":"[data-md-color-media='(prefers-color-scheme: dark)']");palette.color.media=input.getAttribute("data-md-color-media"),palette.color.scheme=input.getAttribute("data-md-color-scheme"),palette.color.primary=input.getAttribute("data-md-color-primary"),palette.color.accent=input.getAttribute("data-md-color-accent")}for(var[key,value]of Object.entries(palette.color))document.body.setAttribute("data-md-color-"+key,value)}</script>
<label class="md-header__button md-icon" for="__search">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
</label>
<div class="md-search" data-md-component="search" role="dialog">
<label class="md-search__overlay" for="__search"></label>
<div class="md-search__inner" role="search">
<form class="md-search__form" name="search">
<input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
<label class="md-search__icon md-icon" for="__search">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.52 6.52 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5"/></svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11z"/></svg>
</label>
<nav class="md-search__options" aria-label="Search">
<a href="javascript:void(0)" class="md-search__icon md-icon" title="Share" aria-label="Share" data-clipboard data-clipboard-text="" data-md-component="search-share" tabindex="-1">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81a3 3 0 0 0 3-3 3 3 0 0 0-3-3 3 3 0 0 0-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9a3 3 0 0 0-3 3 3 3 0 0 0 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.15c-.05.21-.08.43-.08.66 0 1.61 1.31 2.91 2.92 2.91s2.92-1.3 2.92-2.91A2.92 2.92 0 0 0 18 16.08"/></svg>
</a>
<button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
</button>
</nav>
<div class="md-search__suggest" data-md-component="search-suggest"></div>
</form>
<div class="md-search__output">
<div class="md-search__scrollwrap" tabindex="0" data-md-scrollfix>
<div class="md-search-result" data-md-component="search-result">
<div class="md-search-result__meta">
Initializing search
</div>
<ol class="md-search-result__list" role="presentation"></ol>
</div>
</div>
</div>
</div>
</div>
<div class="md-header__source">
<a href="https://github.com/nubenetes/awesome-kubernetes" title="Go to repository" class="md-source" data-md-component="source">
<div class="md-source__icon md-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2025 Fonticons, Inc.--><path d="M439.6 236.1 244 40.5c-5.4-5.5-12.8-8.5-20.4-8.5s-15 3-20.4 8.4L162.5 81l51.5 51.5c27.1-9.1 52.7 16.8 43.4 43.7l49.7 49.7c34.2-11.8 61.2 31 35.5 56.7-26.5 26.5-70.2-2.9-56-37.3L240.3 199v121.9c25.3 12.5 22.3 41.8 9.1 55-6.4 6.4-15.2 10.1-24.3 10.1s-17.8-3.6-24.3-10.1c-17.6-17.6-11.1-46.9 11.2-56v-123c-20.8-8.5-24.6-30.7-18.6-45L142.6 101 8.5 235.1C3 240.6 0 247.9 0 255.5s3 15 8.5 20.4l195.6 195.7c5.4 5.4 12.7 8.4 20.4 8.4s15-3 20.4-8.4l194.7-194.7c5.4-5.4 8.4-12.8 8.4-20.4s-3-15-8.4-20.4"/></svg>
</div>
<div class="md-source__repository">
nubenetes/awesome-kubernetes
</div>
</a>
</div>
</nav>
<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
<div class="md-grid">
<ul class="md-tabs__list">
<li class="md-tabs__item">
<a href="https://nubenetes.com/v1/" class="md-tabs__link">
🔙 Back to V1 (Exhaustive)
</a>
</li>
<li class="md-tabs__item">
<a href=".." class="md-tabs__link">
The 2026 Vision
</a>
</li>
<li class="md-tabs__item">
<a href="../tags/" class="md-tabs__link">
Technical Tags
</a>
</li>
<li class="md-tabs__item">
<a href="../videos/" class="md-tabs__link">
Agentic Video Hub
</a>
</li>
<li class="md-tabs__item">
<a href="../ai-agents-mcp/" class="md-tabs__link">
AI
</a>
</li>
<li class="md-tabs__item md-tabs__item--active">
<a href="../about/" class="md-tabs__link">
Architectural Foundations
</a>
</li>
<li class="md-tabs__item">
<a href="../chaos-engineering/" class="md-tabs__link">
Platform & Site Reliability
</a>
</li>
<li class="md-tabs__item">
<a href="../ansible/" class="md-tabs__link">
Hardened Infrastructure
</a>
</li>
<li class="md-tabs__item">
<a href="../GoogleCloudPlatform/" class="md-tabs__link">
Cloud Providers (Hyperscalers)
</a>
</li>
<li class="md-tabs__item">
<a href="../caching/" class="md-tabs__link">
Networking & Service Mesh
</a>
</li>
<li class="md-tabs__item">
<a href="../container-managers/" class="md-tabs__link">
The Container Stack
</a>
</li>
<li class="md-tabs__item">
<a href="../crunchydata/" class="md-tabs__link">
Data & Advanced Analytics
</a>
</li>
<li class="md-tabs__item">
<a href="../argo/" class="md-tabs__link">
Engineering Pipeline
</a>
</li>
<li class="md-tabs__item">
<a href="../ChromeDevTools/" class="md-tabs__link">
Developer Ecosystem
</a>
</li>
<li class="md-tabs__item">
<a href="../appointment-scheduling/" class="md-tabs__link">
Career & Industry
</a>
</li>
</ul>
</div>
</nav>
</header>
<div class="md-container" data-md-component="container">
<main class="md-main" data-md-component="main">
<div class="md-main__inner md-grid">
<div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
<div class="md-sidebar__scrollwrap">
<div class="md-sidebar__inner">
<nav class="md-nav md-nav--primary md-nav--lifted md-nav--integrated" aria-label="Navigation" data-md-level="0">
<label class="md-nav__title" for="__drawer">
<a href=".." title="Nubenetes V2 | The AI&#39;s Cut" class="md-nav__button md-logo" aria-label="Nubenetes V2 | The AI's Cut" data-md-component="logo">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a3 3 0 0 0 3-3 3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3m0 3.54C9.64 9.35 6.5 8 3 8v11c3.5 0 6.64 1.35 9 3.54 2.36-2.19 5.5-3.54 9-3.54V8c-3.5 0-6.64 1.35-9 3.54"/></svg>
</a>
Nubenetes V2 | The AI's Cut
</label>
<div class="md-nav__source">
<a href="https://github.com/nubenetes/awesome-kubernetes" title="Go to repository" class="md-source" data-md-component="source">
<div class="md-source__icon md-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2025 Fonticons, Inc.--><path d="M439.6 236.1 244 40.5c-5.4-5.5-12.8-8.5-20.4-8.5s-15 3-20.4 8.4L162.5 81l51.5 51.5c27.1-9.1 52.7 16.8 43.4 43.7l49.7 49.7c34.2-11.8 61.2 31 35.5 56.7-26.5 26.5-70.2-2.9-56-37.3L240.3 199v121.9c25.3 12.5 22.3 41.8 9.1 55-6.4 6.4-15.2 10.1-24.3 10.1s-17.8-3.6-24.3-10.1c-17.6-17.6-11.1-46.9 11.2-56v-123c-20.8-8.5-24.6-30.7-18.6-45L142.6 101 8.5 235.1C3 240.6 0 247.9 0 255.5s3 15 8.5 20.4l195.6 195.7c5.4 5.4 12.7 8.4 20.4 8.4s15-3 20.4-8.4l194.7-194.7c5.4-5.4 8.4-12.8 8.4-20.4s-3-15-8.4-20.4"/></svg>
</div>
<div class="md-source__repository">
nubenetes/awesome-kubernetes
</div>
</a>
</div>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="https://nubenetes.com/v1/" class="md-nav__link">
<span class="md-ellipsis">
🔙 Back to V1 (Exhaustive)
</span>
</a>
</li>
<li class="md-nav__item">
<a href=".." class="md-nav__link">
<span class="md-ellipsis">
The 2026 Vision
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../tags/" class="md-nav__link">
<span class="md-ellipsis">
Technical Tags
</span>
</a>
</li>
<li class="md-nav__item md-nav__item--pruned md-nav__item--nested">
<a href="../videos/" class="md-nav__link">
<span class="md-ellipsis">
Agentic Video Hub
</span>
<span class="md-nav__icon md-icon"></span>
</a>
</li>
<li class="md-nav__item md-nav__item--pruned md-nav__item--nested">
<a href="../ai-agents-mcp/" class="md-nav__link">
<span class="md-ellipsis">
AI
</span>
<span class="md-nav__icon md-icon"></span>
</a>
</li>
<li class="md-nav__item md-nav__item--active md-nav__item--section md-nav__item--nested">
<input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" checked>
<label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="">
<span class="md-ellipsis">
Architectural Foundations
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="true">
<label class="md-nav__title" for="__nav_6">
<span class="md-nav__icon md-icon"></span>
Architectural Foundations
</label>
<ul class="md-nav__list" data-md-scrollfix>
<li class="md-nav__item">
<a href="../about/" class="md-nav__link">
<span class="md-ellipsis">
About
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../cheatsheets/" class="md-nav__link">
<span class="md-ellipsis">
Cheatsheets
</span>
</a>
</li>
<li class="md-nav__item md-nav__item--active">
<input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
<label class="md-nav__link md-nav__link--active" for="__toc">
<span class="md-ellipsis">
Cloud Arch Diagrams
</span>
<span class="md-nav__icon md-icon"></span>
</label>
<a href="./" class="md-nav__link md-nav__link--active">
<span class="md-ellipsis">
Cloud Arch Diagrams
</span>
</a>
<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
<label class="md-nav__title" for="__toc">
<span class="md-nav__icon md-icon"></span>
Table of contents
</label>
<ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
<li class="md-nav__item">
<a href="#table-of-contents" class="md-nav__link">
<span class="md-ellipsis">
Table of Contents
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#architecture" class="md-nav__link">
<span class="md-ellipsis">
Architecture
</span>
</a>
<nav class="md-nav" aria-label="Architecture">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#web-applications" class="md-nav__link">
<span class="md-ellipsis">
Web Applications
</span>
</a>
<nav class="md-nav" aria-label="Web Applications">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#enterprise-patterns" class="md-nav__link">
<span class="md-ellipsis">
Enterprise Patterns
</span>
</a>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#architecture-and-design" class="md-nav__link">
<span class="md-ellipsis">
Architecture and Design
</span>
</a>
<nav class="md-nav" aria-label="Architecture and Design">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#diagrams-as-code" class="md-nav__link">
<span class="md-ellipsis">
Diagrams-as-Code
</span>
</a>
<nav class="md-nav" aria-label="Diagrams-as-Code">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#guide" class="md-nav__link">
<span class="md-ellipsis">
Guide
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#markup-tool" class="md-nav__link">
<span class="md-ellipsis">
Markup Tool
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#mermaid-integration" class="md-nav__link">
<span class="md-ellipsis">
Mermaid Integration
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#plantuml-library" class="md-nav__link">
<span class="md-ellipsis">
PlantUML Library
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#python-tooling" class="md-nav__link">
<span class="md-ellipsis">
Python Tooling
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#visualization" class="md-nav__link">
<span class="md-ellipsis">
Visualization
</span>
</a>
<nav class="md-nav" aria-label="Visualization">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#3d-isometric" class="md-nav__link">
<span class="md-ellipsis">
3D Isometric
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#ai-assisted" class="md-nav__link">
<span class="md-ellipsis">
AI Assisted
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#automated-discovery" class="md-nav__link">
<span class="md-ellipsis">
Automated Discovery
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#diagramming-saas" class="md-nav__link">
<span class="md-ellipsis">
Diagramming SaaS
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#evaluation" class="md-nav__link">
<span class="md-ellipsis">
Evaluation
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#guide-1" class="md-nav__link">
<span class="md-ellipsis">
Guide (1)
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#methodology" class="md-nav__link">
<span class="md-ellipsis">
Methodology
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#sketch-tools" class="md-nav__link">
<span class="md-ellipsis">
Sketch Tools
</span>
</a>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#architecture-and-visualization" class="md-nav__link">
<span class="md-ellipsis">
Architecture and Visualization
</span>
</a>
<nav class="md-nav" aria-label="Architecture and Visualization">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#cloud-discovery" class="md-nav__link">
<span class="md-ellipsis">
Cloud Discovery
</span>
</a>
<nav class="md-nav" aria-label="Cloud Discovery">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#aws" class="md-nav__link">
<span class="md-ellipsis">
AWS
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#multi-cloud" class="md-nav__link">
<span class="md-ellipsis">
Multi-Cloud
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#security" class="md-nav__link">
<span class="md-ellipsis">
Security
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#design-assets" class="md-nav__link">
<span class="md-ellipsis">
Design Assets
</span>
</a>
<nav class="md-nav" aria-label="Design Assets">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#aws-1" class="md-nav__link">
<span class="md-ellipsis">
AWS (1)
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#azure" class="md-nav__link">
<span class="md-ellipsis">
Azure
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#gcp" class="md-nav__link">
<span class="md-ellipsis">
GCP
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#kubernetes" class="md-nav__link">
<span class="md-ellipsis">
Kubernetes
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#security-1" class="md-nav__link">
<span class="md-ellipsis">
Security (1)
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#diagrams-as-code_1" class="md-nav__link">
<span class="md-ellipsis">
Diagrams as Code
</span>
</a>
<nav class="md-nav" aria-label="Diagrams as Code">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#aws-cloudformation" class="md-nav__link">
<span class="md-ellipsis">
AWS CloudFormation
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#airflow" class="md-nav__link">
<span class="md-ellipsis">
Airflow
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#python" class="md-nav__link">
<span class="md-ellipsis">
Python
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#guides" class="md-nav__link">
<span class="md-ellipsis">
Guides
</span>
</a>
<nav class="md-nav" aria-label="Guides">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#aws-2" class="md-nav__link">
<span class="md-ellipsis">
AWS (2)
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#interactive-diagramming" class="md-nav__link">
<span class="md-ellipsis">
Interactive Diagramming
</span>
</a>
<nav class="md-nav" aria-label="Interactive Diagramming">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#ai-integration" class="md-nav__link">
<span class="md-ellipsis">
AI Integration
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#enterprise" class="md-nav__link">
<span class="md-ellipsis">
Enterprise
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#innovative" class="md-nav__link">
<span class="md-ellipsis">
Innovative
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#web" class="md-nav__link">
<span class="md-ellipsis">
Web
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#kubernetes-visualizer" class="md-nav__link">
<span class="md-ellipsis">
Kubernetes Visualizer
</span>
</a>
<nav class="md-nav" aria-label="Kubernetes Visualizer">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#go" class="md-nav__link">
<span class="md-ellipsis">
Go
</span>
</a>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#cloud-governance" class="md-nav__link">
<span class="md-ellipsis">
Cloud Governance
</span>
</a>
<nav class="md-nav" aria-label="Cloud Governance">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#enterprise-architecture" class="md-nav__link">
<span class="md-ellipsis">
Enterprise Architecture
</span>
</a>
<nav class="md-nav" aria-label="Enterprise Architecture">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#landing-zones" class="md-nav__link">
<span class="md-ellipsis">
Landing Zones
</span>
</a>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#cloud-infrastructure" class="md-nav__link">
<span class="md-ellipsis">
Cloud Infrastructure
</span>
</a>
<nav class="md-nav" aria-label="Cloud Infrastructure">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#azure-networking" class="md-nav__link">
<span class="md-ellipsis">
Azure Networking
</span>
</a>
<nav class="md-nav" aria-label="Azure Networking">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#global-infrastructure" class="md-nav__link">
<span class="md-ellipsis">
Global Infrastructure
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#network-topology" class="md-nav__link">
<span class="md-ellipsis">
Network Topology
</span>
</a>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#cloud-platforms" class="md-nav__link">
<span class="md-ellipsis">
Cloud Platforms
</span>
</a>
<nav class="md-nav" aria-label="Cloud Platforms">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#aws-integration" class="md-nav__link">
<span class="md-ellipsis">
AWS Integration
</span>
</a>
<nav class="md-nav" aria-label="AWS Integration">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#visualization-1" class="md-nav__link">
<span class="md-ellipsis">
Visualization (1)
</span>
</a>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#container-orchestration" class="md-nav__link">
<span class="md-ellipsis">
Container Orchestration
</span>
</a>
<nav class="md-nav" aria-label="Container Orchestration">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#azure-kubernetes-service" class="md-nav__link">
<span class="md-ellipsis">
Azure Kubernetes Service
</span>
</a>
<nav class="md-nav" aria-label="Azure Kubernetes Service">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#well-architected-framework" class="md-nav__link">
<span class="md-ellipsis">
Well-Architected Framework
</span>
</a>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#infrastructure" class="md-nav__link">
<span class="md-ellipsis">
Infrastructure
</span>
</a>
<nav class="md-nav" aria-label="Infrastructure">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#visualizations" class="md-nav__link">
<span class="md-ellipsis">
Visualizations
</span>
</a>
<nav class="md-nav" aria-label="Visualizations">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#cloud-discovery-1" class="md-nav__link">
<span class="md-ellipsis">
Cloud Discovery (1)
</span>
</a>
</li>
<li class="md-nav__item">
<a href="#gcp-diagramming" class="md-nav__link">
<span class="md-ellipsis">
GCP Diagramming
</span>
</a>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#infrastructure-as-code" class="md-nav__link">
<span class="md-ellipsis">
Infrastructure as Code
</span>
</a>
<nav class="md-nav" aria-label="Infrastructure as Code">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#architecture-1" class="md-nav__link">
<span class="md-ellipsis">
Architecture (1)
</span>
</a>
<nav class="md-nav" aria-label="Architecture (1)">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#diagrams" class="md-nav__link">
<span class="md-ellipsis">
Diagrams
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#verification-and-ai" class="md-nav__link">
<span class="md-ellipsis">
Verification and AI
</span>
</a>
<nav class="md-nav" aria-label="Verification and AI">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#copilot-verification" class="md-nav__link">
<span class="md-ellipsis">
Copilot Verification
</span>
</a>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="#kubernetes-tools" class="md-nav__link">
<span class="md-ellipsis">
Kubernetes Tools
</span>
</a>
<nav class="md-nav" aria-label="Kubernetes Tools">
<ul class="md-nav__list">
<li class="md-nav__item">
<a href="#general-reference" class="md-nav__link">
<span class="md-ellipsis">
General Reference
</span>
</a>
</li>
</ul>
</nav>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item">
<a href="../cloud-asset-inventory/" class="md-nav__link">
<span class="md-ellipsis">
Cloud Asset Inventory
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../customer/" class="md-nav__link">
<span class="md-ellipsis">
Customer
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../demos/" class="md-nav__link">
<span class="md-ellipsis">
Demos
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../devops-tools/" class="md-nav__link">
<span class="md-ellipsis">
DevOps Tools
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../faq/" class="md-nav__link">
<span class="md-ellipsis">
Faq
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../git/" class="md-nav__link">
<span class="md-ellipsis">
Git
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../grafana/" class="md-nav__link">
<span class="md-ellipsis">
Grafana
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../helm/" class="md-nav__link">
<span class="md-ellipsis">
Helm
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../introduction/" class="md-nav__link">
<span class="md-ellipsis">
Introduction
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../kubernetes-tools/" class="md-nav__link">
<span class="md-ellipsis">
Kubernetes Tools
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../kubernetes-tutorials/" class="md-nav__link">
<span class="md-ellipsis">
Kubernetes Tutorials
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../kubernetes/" class="md-nav__link">
<span class="md-ellipsis">
Kubernetes
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../linux/" class="md-nav__link">
<span class="md-ellipsis">
Linux
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../matrix-table/" class="md-nav__link">
<span class="md-ellipsis">
Matrix Table
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../mkdocs/" class="md-nav__link">
<span class="md-ellipsis">
Mkdocs
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../monitoring/" class="md-nav__link">
<span class="md-ellipsis">
Monitoring
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../other-awesome-lists/" class="md-nav__link">
<span class="md-ellipsis">
Other Awesome Lists
</span>
</a>
</li>
<li class="md-nav__item">
<a href="../prometheus/" class="md-nav__link">
<span class="md-ellipsis">
Prometheus
</span>
</a>
</li>
</ul>
</nav>
</li>
<li class="md-nav__item md-nav__item--pruned md-nav__item--nested">
<a href="../chaos-engineering/" class="md-nav__link">
<span class="md-ellipsis">
Platform & Site Reliability
</span>
<span class="md-nav__icon md-icon"></span>
</a>
</li>
<li class="md-nav__item md-nav__item--pruned md-nav__item--nested">
<a href="../ansible/" class="md-nav__link">
<span class="md-ellipsis">
Hardened Infrastructure
</span>
<span class="md-nav__icon md-icon"></span>
</a>
</li>
<li class="md-nav__item md-nav__item--pruned md-nav__item--nested">
<a href="../GoogleCloudPlatform/" class="md-nav__link">
<span class="md-ellipsis">
Cloud Providers (Hyperscalers)
</span>
<span class="md-nav__icon md-icon"></span>
</a>
</li>
<li class="md-nav__item md-nav__item--pruned md-nav__item--nested">
<a href="../caching/" class="md-nav__link">
<span class="md-ellipsis">
Networking & Service Mesh
</span>
<span class="md-nav__icon md-icon"></span>
</a>
</li>
<li class="md-nav__item md-nav__item--pruned md-nav__item--nested">
<a href="../container-managers/" class="md-nav__link">
<span class="md-ellipsis">
The Container Stack
</span>
<span class="md-nav__icon md-icon"></span>
</a>
</li>
<li class="md-nav__item md-nav__item--pruned md-nav__item--nested">
<a href="../crunchydata/" class="md-nav__link">
<span class="md-ellipsis">
Data & Advanced Analytics
</span>
<span class="md-nav__icon md-icon"></span>
</a>
</li>
<li class="md-nav__item md-nav__item--pruned md-nav__item--nested">
<a href="../argo/" class="md-nav__link">
<span class="md-ellipsis">
Engineering Pipeline
</span>
<span class="md-nav__icon md-icon"></span>
</a>
</li>
<li class="md-nav__item md-nav__item--pruned md-nav__item--nested">
<a href="../ChromeDevTools/" class="md-nav__link">
<span class="md-ellipsis">
Developer Ecosystem
</span>
<span class="md-nav__icon md-icon"></span>
</a>
</li>
<li class="md-nav__item md-nav__item--pruned md-nav__item--nested">
<a href="../appointment-scheduling/" class="md-nav__link">
<span class="md-ellipsis">
Career & Industry
</span>
<span class="md-nav__icon md-icon"></span>
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div class="md-content" data-md-component="content">
<article class="md-content__inner md-typeset">
<a href="https://github.com/nubenetes/awesome-kubernetes/edit/master/v2-docs/cloud-arch-diagrams.md" title="Edit this page" class="md-content__button md-icon" rel="edit">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10 20H6V4h7v5h5v3.1l2-2V8l-6-6H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h4zm10.2-7c.1 0 .3.1.4.2l1.3 1.3c.2.2.2.6 0 .8l-1 1-2.1-2.1 1-1c.1-.1.2-.2.4-.2m0 3.9L14.1 23H12v-2.1l6.1-6.1z"/></svg>
</a>
<a href="https://github.com/nubenetes/awesome-kubernetes/raw/master/v2-docs/cloud-arch-diagrams.md" title="View source of this page" class="md-content__button md-icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17 18c.56 0 1 .44 1 1s-.44 1-1 1-1-.44-1-1 .44-1 1-1m0-3c-2.73 0-5.06 1.66-6 4 .94 2.34 3.27 4 6 4s5.06-1.66 6-4c-.94-2.34-3.27-4-6-4m0 6.5a2.5 2.5 0 0 1-2.5-2.5 2.5 2.5 0 0 1 2.5-2.5 2.5 2.5 0 0 1 2.5 2.5 2.5 2.5 0 0 1-2.5 2.5M9.27 20H6V4h7v5h5v4.07c.7.08 1.36.25 2 .49V8l-6-6H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h4.5a8.2 8.2 0 0 1-1.23-2"/></svg>
</a>
<h1 id="cloud-architecture-diagram-tools">Cloud Architecture Diagram Tools<a class="headerlink" href="#cloud-architecture-diagram-tools" title="Permanent link">&para;</a></h1>
<div class="admonition tip">
<p class="admonition-title">Nubenetes V2 Elite Portal</p>
<p>You are browsing the AI-Curated V2 Elite Edition. Looking for the exhaustive list of references? Check out the <a href="/v1/cloud-arch-diagrams/"><strong>V1 Historical Archive</strong></a>.</p>
</div>
<div class="admonition info">
<p class="admonition-title">Architectural Context</p>
<p>Detailed reference for Cloud Architecture Diagram Tools in the context of Architectural Foundations.</p>
</div>
<h2 id="table-of-contents">Table of Contents<a class="headerlink" href="#table-of-contents" title="Permanent link">&para;</a></h2>
<ol>
<li><a href="#architecture">Architecture</a></li>
<li><a href="#web-applications">Web Applications</a><ul>
<li><a href="#enterprise-patterns">Enterprise Patterns</a></li>
</ul>
</li>
<li><a href="#architecture-and-design">Architecture and Design</a></li>
<li><a href="#diagrams-as-code">Diagrams-as-Code</a><ul>
<li><a href="#guide">Guide</a></li>
<li><a href="#markup-tool">Markup Tool</a></li>
<li><a href="#mermaid-integration">Mermaid Integration</a></li>
<li><a href="#plantuml-library">PlantUML Library</a></li>
<li><a href="#python-tooling">Python Tooling</a></li>
</ul>
</li>
<li><a href="#visualization">Visualization</a><ul>
<li><a href="#3d-isometric">3D Isometric</a></li>
<li><a href="#ai-assisted">AI Assisted</a></li>
<li><a href="#automated-discovery">Automated Discovery</a></li>
<li><a href="#diagramming-saas">Diagramming SaaS</a></li>
<li><a href="#evaluation">Evaluation</a></li>
<li><a href="#guide-1">Guide</a></li>
<li><a href="#methodology">Methodology</a></li>
<li><a href="#sketch-tools">Sketch Tools</a></li>
</ul>
</li>
<li><a href="#architecture-and-visualization">Architecture and Visualization</a></li>
<li><a href="#cloud-discovery">Cloud Discovery</a><ul>
<li><a href="#aws">AWS</a></li>
<li><a href="#multi-cloud">Multi-Cloud</a></li>
<li><a href="#security">Security</a></li>
</ul>
</li>
<li><a href="#design-assets">Design Assets</a><ul>
<li><a href="#aws-1">AWS</a></li>
<li><a href="#azure">Azure</a></li>
<li><a href="#gcp">GCP</a></li>
<li><a href="#kubernetes">Kubernetes</a></li>
<li><a href="#security-1">Security</a></li>
</ul>
</li>
<li><a href="#diagrams-as-code">Diagrams as Code</a><ul>
<li><a href="#aws-cloudformation">AWS CloudFormation</a></li>
<li><a href="#airflow">Airflow</a></li>
<li><a href="#python">Python</a></li>
</ul>
</li>
<li><a href="#guides">Guides</a><ul>
<li><a href="#aws-2">AWS</a></li>
</ul>
</li>
<li><a href="#interactive-diagramming">Interactive Diagramming</a><ul>
<li><a href="#ai-integration">AI Integration</a></li>
<li><a href="#enterprise">Enterprise</a></li>
<li><a href="#innovative">Innovative</a></li>
<li><a href="#web">Web</a></li>
</ul>
</li>
<li><a href="#kubernetes-visualizer">Kubernetes Visualizer</a><ul>
<li><a href="#go">Go</a></li>
</ul>
</li>
<li><a href="#cloud-governance">Cloud Governance</a></li>
<li><a href="#enterprise-architecture">Enterprise Architecture</a><ul>
<li><a href="#landing-zones">Landing Zones</a></li>
</ul>
</li>
<li><a href="#cloud-infrastructure">Cloud Infrastructure</a></li>
<li><a href="#azure-networking">Azure Networking</a><ul>
<li><a href="#global-infrastructure">Global Infrastructure</a></li>
<li><a href="#network-topology">Network Topology</a></li>
</ul>
</li>
<li><a href="#cloud-platforms">Cloud Platforms</a></li>
<li><a href="#aws-integration">AWS Integration</a><ul>
<li><a href="#visualization-1">Visualization</a></li>
</ul>
</li>
<li><a href="#container-orchestration">Container Orchestration</a></li>
<li><a href="#azure-kubernetes-service">Azure Kubernetes Service</a><ul>
<li><a href="#well-architected-framework">Well-Architected Framework</a></li>
</ul>
</li>
<li><a href="#infrastructure">Infrastructure</a></li>
<li><a href="#visualizations">Visualizations</a><ul>
<li><a href="#cloud-discovery-1">Cloud Discovery</a></li>
<li><a href="#gcp-diagramming">GCP Diagramming</a></li>
</ul>
</li>
<li><a href="#infrastructure-as-code">Infrastructure as Code</a></li>
<li><a href="#architecture-1">Architecture</a><ul>
<li><a href="#diagrams">Diagrams</a></li>
</ul>
</li>
<li><a href="#verification-and-ai">Verification and AI</a><ul>
<li><a href="#copilot-verification">Copilot Verification</a></li>
</ul>
</li>
<li><a href="#kubernetes-tools">Kubernetes Tools</a></li>
<li><a href="#general-reference">General Reference</a></li>
</ol>
<h2 id="architecture">Architecture<a class="headerlink" href="#architecture" title="Permanent link">&para;</a></h2>
<h3 id="web-applications">Web Applications<a class="headerlink" href="#web-applications" title="Permanent link">&para;</a></h3>
<h4 id="enterprise-patterns">Enterprise Patterns<a class="headerlink" href="#enterprise-patterns" title="Permanent link">&para;</a></h4>
<ul>
<li><strong>(2025)</strong> <a href="https://learn.microsoft.com/en-us/azure/architecture/web-apps/guides/enterprise-app-patterns/overview">Enterprise Web App Patterns - Azure Architecture Center</a> <span class='md-tag md-tag--warning'>[NONE CONTENT]</span> <span class='md-tag md-tag--primary'>[DOCUMENTATION]</span> <span class='md-tag md-tag--info'>[COMMUNITY-TOOL]</span> — Production-proven patterns and implementation pathways from the Azure Architecture Center. Establishes migration guidelines for modernizing monolithic applications into elastic web architectures.</li>
</ul>
<h2 id="architecture-and-design">Architecture and Design<a class="headerlink" href="#architecture-and-design" title="Permanent link">&para;</a></h2>
<h3 id="diagrams-as-code">Diagrams-as-Code<a class="headerlink" href="#diagrams-as-code" title="Permanent link">&para;</a></h3>
<h4 id="guide">Guide<a class="headerlink" href="#guide" title="Permanent link">&para;</a></h4>
<ul>
<li><strong>(2022)</strong> <a href="https://navveenbalani.dev/index.php/articles/code-to-custom-cloud-architecture-diagrams">navveenbalani.dev: Code To Custom Cloud Architecture Diagrams</a> <span class='md-tag md-tag--warning'>[PYTHON CONTENT]</span> 🌟🌟🌟 <span class='md-tag md-tag--info'>[COMMUNITY-TOOL]</span> — Technical tutorial detailing how to build custom, programmatically generated cloud architecture diagrams using open-source, code-driven graphic drawing libraries and custom Python configurations.</li>
</ul>
<h4 id="markup-tool">Markup Tool<a class="headerlink" href="#markup-tool" title="Permanent link">&para;</a></h4>
<ul>
<li><strong>(2026)</strong> <a href="https://plantuml.com"><mark>PlantUML</mark></a> <span class='md-tag md-tag--warning'>[JAVA CONTENT]</span> 🌟🌟🌟🌟🌟 <span class='md-tag md-tag--success'>[DE FACTO STANDARD]</span> — An open-source, industry-standard tool allowing engineers to generate architecture, sequence, and component diagrams from simple, human-readable markdown-like text. Extremely useful for maintaining documentation alongside code.</li>
</ul>
<h4 id="mermaid-integration">Mermaid Integration<a class="headerlink" href="#mermaid-integration" title="Permanent link">&para;</a></h4>
<ul>
<li><strong>(2025)</strong> <a href="https://kubernetes.io/docs/contribute/style/diagram-guide"><mark>kubernetes.io: Diagram Guide - Mermaid JavaScript library 🌟</mark></a> <span class='md-tag md-tag--warning'>[JAVASCRIPT CONTENT]</span> <span class='md-tag md-tag--primary'>[DOCUMENTATION]</span> 🌟🌟🌟🌟🌟 <span class='md-tag md-tag--success'>[DE FACTO STANDARD]</span> — The official Kubernetes contributor documentation on diagram style guidelines, demonstrating how to programmatically draft flowcharts and sequence maps using Mermaid JS code syntax embedded directly in markdown files.</li>
</ul>
<h4 id="plantuml-library">PlantUML Library<a class="headerlink" href="#plantuml-library" title="Permanent link">&para;</a></h4>
<ul>
<li><strong>(2024)</strong> <a href="https://github.com/dcasati/kubernetes-PlantUML">github.com/dcasati/kubernetes-PlantUML</a> <span class='md-tag md-tag--info'>⭐ 282</span> <svg class="v2-sparkline" width="50" height="15" viewBox="0 0 50 15" style="vertical-align: middle; display: inline-block; margin-left: 6px;" title="Activity Trend"><defs><linearGradient id="spark-grad-57ef1877" x1="0" y1="0" x2="1" y2="0"><stop offset="0%" stop-color="rgba(34, 211, 238, 0.2)" /><stop offset="100%" stop-color="var(--md-accent-fg-color)" /></linearGradient></defs><path class="v2-sparkline-path" d="M 0 6 L 10 8 L 20 10 L 30 2 L 40 3 L 50 7" fill="none" stroke="url(#spark-grad-57ef1877)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /><circle cx="50" cy="7" r="2" fill="var(--md-accent-fg-color)" /></svg> <span class='md-tag md-tag--warning'>[JAVA CONTENT]</span> 🌟🌟 <span class='md-tag md-tag--info'>[COMMUNITY-TOOL]</span> — An essential open-source library containing specialized sprites, components, and macro templates to model highly detailed, complex Kubernetes configurations using PlantUML syntax.</li>
</ul>
<h4 id="python-tooling">Python Tooling<a class="headerlink" href="#python-tooling" title="Permanent link">&para;</a></h4>
<ul>
<li><strong>(2026)</strong> <a href="https://github.com/mingrammer/diagrams"><mark>mingrammer/diagrams</mark></a> <span class='md-tag md-tag--info'>⭐ 42349</span> <svg class="v2-sparkline" width="50" height="15" viewBox="0 0 50 15" style="vertical-align: middle; display: inline-block; margin-left: 6px;" title="Activity Trend"><defs><linearGradient id="spark-grad-c88bedc7" x1="0" y1="0" x2="1" y2="0"><stop offset="0%" stop-color="rgba(34, 211, 238, 0.2)" /><stop offset="100%" stop-color="var(--md-accent-fg-color)" /></linearGradient></defs><path class="v2-sparkline-path" d="M 0 5 L 10 11 L 20 7 L 30 6 L 40 8 L 50 5" fill="none" stroke="url(#spark-grad-c88bedc7)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /><circle cx="50" cy="5" r="2" fill="var(--md-accent-fg-color)" /></svg> <span class='md-tag md-tag--warning'>[PYTHON CONTENT]</span> 🌟🌟🌟🌟🌟 <span class='md-tag md-tag--success'>[DE FACTO STANDARD]</span> — A highly popular open-source Python framework that allows engineers to write cloud infrastructure diagrams directly as Python code. It supports hundreds of built-in components covering AWS, GCP, Azure, and Kubernetes services.</li>
</ul>
<h3 id="visualization">Visualization<a class="headerlink" href="#visualization" title="Permanent link">&para;</a></h3>
<h4 id="3d-isometric">3D Isometric<a class="headerlink" href="#3d-isometric" title="Permanent link">&para;</a></h4>
<ul>
<li><strong>(2024)</strong> <a href="https://isoflow.io">Isoflow</a> <span class='md-tag md-tag--warning'>[TYPESCRIPT CONTENT]</span> 🌟🌟🌟 <span class='md-tag md-tag--warning'>[EMERGING]</span> — An emerging design canvas specialized in creating beautiful 3D isometric network and system architecture layouts. Ideal for producing high-fidelity structural graphics for engineering specifications.</li>
</ul>
<h4 id="ai-assisted">AI Assisted<a class="headerlink" href="#ai-assisted" title="Permanent link">&para;</a></h4>
<ul>
<li><strong>(2022)</strong> <a href="https://www.autodraw.com">autodraw.com</a> <span class='md-tag md-tag--warning'>[JAVASCRIPT CONTENT]</span> 🌟🌟 <span class='md-tag md-tag--warning'>[EMERGING]</span> — An experimental, AI-powered drawing web client developed by Google. Uses machine learning algorithms to map rough sketches into polished, professional icons and system vectors in real time.</li>
</ul>
<h4 id="automated-discovery">Automated Discovery<a class="headerlink" href="#automated-discovery" title="Permanent link">&para;</a></h4>
<ul>
<li><strong>(2025)</strong> <a href="https://www.hyperglance.com"><strong>Hyperglance</strong></a> <span class='md-tag md-tag--warning'>[N/A CONTENT]</span> <span class='md-tag md-tag--critical'>[ADVANCED LEVEL]</span> 🌟🌟🌟🌟 <span class='md-tag md-tag--success'>[ENTERPRISE-STABLE]</span> — An enterprise-grade IT visualization and automated inventory mapper. Discovers, maps, and generates complete topology diagrams of cloud environments, tracking Kubernetes resources and network policies automatically.</li>
</ul>
<h4 id="diagramming-saas">Diagramming SaaS<a class="headerlink" href="#diagramming-saas" title="Permanent link">&para;</a></h4>
<ul>
<li><strong>(2026)</strong> <a href="https://www.drawio.com"><mark>diagrams.net</mark></a> <span class='md-tag md-tag--warning'>[JAVASCRIPT CONTENT]</span> 🌟🌟🌟🌟🌟 <span class='md-tag md-tag--success'>[DE FACTO STANDARD]</span> — The industry-leading, highly extensible free open-source diagramming engine. Widely used for system design, it provides deep integration with modern design elements, custom XML importing, and offline execution capabilities.</li>
<li><strong>(2024)</strong> <a href="https://drawio-app.com"><strong>draw.io</strong></a> <span class='md-tag md-tag--warning'>[JAVASCRIPT CONTENT]</span> 🌟🌟🌟🌟 <span class='md-tag md-tag--success'>[ENTERPRISE-STABLE]</span> — Comprehensive documentation and application guide detailing how to generate Azure cloud architecture diagrams programmatically and design flexible mind maps using draw.io's code-import features.</li>
<li><strong>(2023)</strong> <a href="https://www.cloudskew.com">CloudSkew</a> <span class='md-tag md-tag--warning'>[N/A CONTENT]</span> 🌟🌟🌟 <span class='md-tag md-tag--info'>[COMMUNITY-TOOL]</span> — An online vector editor tailored specifically for system designs. Features easy drag-and-drop mechanics to map cloud-native services without needing specialized design training.</li>
</ul>
<h4 id="evaluation">Evaluation<a class="headerlink" href="#evaluation" title="Permanent link">&para;</a></h4>
<ul>
<li><strong>(2022)</strong> <a href="https://www.pluralsight.com/resources/blog/cloud/the-top-cloud-diagramming-tools-ranked">acloudguru.com: The top cloud diagramming tools, ranked</a> <span class='md-tag md-tag--warning'>[N/A CONTENT]</span> 🌟🌟🌟 <span class='md-tag md-tag--info'>[COMMUNITY-TOOL]</span> — A detailed technical review comparing and ranking leading cloud architectural design tools. Focuses on speed, automatic layout generation capabilities, API extensibility, and modern iconography support.</li>
<li><strong>(2022)</strong> <a href="https://www.redhat.com/en/blog/diagramming-tools-cloud-infrastructure">redhat.com: 6 architectural diagramming tools for cloud infrastructure</a> <span class='md-tag md-tag--warning'>[N/A CONTENT]</span> 🌟🌟🌟 <span class='md-tag md-tag--info'>[COMMUNITY-TOOL]</span> — A highly curated Red Hat technical review evaluating six open-source and professional cloud drawing tools designed to simplify complex Kubernetes, VM, and serverless network architecture mapping.</li>
<li><strong>(2022)</strong> <a href="https://www.redhat.com/en/blog/diagramming-tools-network-architecture">redhat.com: Try these 5 diagramming tools for network architecture</a> <span class='md-tag md-tag--warning'>[N/A CONTENT]</span> 🌟🌟🌟 <span class='md-tag md-tag--info'>[COMMUNITY-TOOL]</span> — A practical technical overview analyzing five outstanding diagramming utilities optimized to map network topology, complex VLAN structures, and overlay networks within distributed microservices environments.</li>
</ul>
<h4 id="guide-1">Guide (1)<a class="headerlink" href="#guide-1" title="Permanent link">&para;</a></h4>
<ul>
<li><strong>(2021)</strong> <a href="https://www.redhat.com/en/blog/design-enterprise-architecture-diagrams">redhat.com: Design professional enterprise architecture diagrams with this open source tool (diagrams.net)</a> <span class='md-tag md-tag--warning'>[N/A CONTENT]</span> 🌟🌟🌟 <span class='md-tag md-tag--info'>[COMMUNITY-TOOL]</span> — An engineering guide showing how to design professional enterprise infrastructure diagrams using diagrams.net, explaining how to utilize layers and libraries to depict container dependencies.</li>
</ul>
<h4 id="methodology">Methodology<a class="headerlink" href="#methodology" title="Permanent link">&para;</a></h4>
<ul>
<li><strong>(2021)</strong> <a href="https://www.alibabacloud.com/blog/how-to-create-an-effective-technical-architectural-diagram_596100">alibabacloud.com: How to Create an Effective Technical Architectural Diagram?</a> <span class='md-tag md-tag--warning'>[N/A CONTENT]</span> 🌟🌟🌟 <span class='md-tag md-tag--info'>[COMMUNITY-TOOL]</span> — A comprehensive conceptual guide detailing principles and structural methods for authoring highly readable, accurate, and standardized technical architecture diagrams for complex, multi-tiered cloud systems.</li>
</ul>
<h4 id="sketch-tools">Sketch Tools<a class="headerlink" href="#sketch-tools" title="Permanent link">&para;</a></h4>
<ul>
<li><strong>(2026)</strong> <a href="https://excalidraw.com"><mark>excalidraw.com</mark></a> <span class='md-tag md-tag--warning'>[TYPESCRIPT CONTENT]</span> 🌟🌟🌟🌟🌟 <span class='md-tag md-tag--success'>[DE FACTO STANDARD]</span> — A widely adopted collaborative whiteboard tool designed for rapid design sketches and wireframes. Features custom user libraries containing native cloud-native and Kubernetes icons for quick whiteboard design sessions.</li>
</ul>
<h2 id="architecture-and-visualization">Architecture and Visualization<a class="headerlink" href="#architecture-and-visualization" title="Permanent link">&para;</a></h2>
<h3 id="cloud-discovery">Cloud Discovery<a class="headerlink" href="#cloud-discovery" title="Permanent link">&para;</a></h3>
<h4 id="aws">AWS<a class="headerlink" href="#aws" title="Permanent link">&para;</a></h4>
<ul>
<li><strong>(2025)</strong> <a href="https://www.cloudcraft.co">cloudcraft.co</a> <span class='md-tag md-tag--warning'>[JAVASCRIPT CONTENT]</span> <span class='md-tag md-tag--info'>[COMMUNITY-TOOL]</span> — A high-fidelity 3D/2D inventory visualizer specialized in AWS environments. Automates structural documentation generation while parsing underlying instance types to calculate real-time baseline infrastructure costs.</li>
</ul>
<h4 id="multi-cloud">Multi-Cloud<a class="headerlink" href="#multi-cloud" title="Permanent link">&para;</a></h4>
<ul>
<li><strong>(2025)</strong> <a href="https://www.hava.io">hava.io</a> <span class='md-tag md-tag--warning'>[NONE CONTENT]</span> <span class='md-tag md-tag--info'>[COMMUNITY-TOOL]</span> — SaaS infrastructure visualization engine that connects securely to cloud backends (AWS, GCP, Azure) to draw up-to-date layout sheets. Facilitates continuous compliance tracking by logging history changes over time.</li>
</ul>
<h4 id="security">Security<a class="headerlink" href="#security" title="Permanent link">&para;</a></h4>
<ul>
<li><strong>(2021)</strong> <a href="https://duo.com/blog"><strong>CloudMapper (OSS)</strong></a> <span class='md-tag md-tag--warning'>[PYTHON CONTENT]</span> <span class='md-tag md-tag--critical'>[ADVANCED LEVEL]</span> 🌟🌟🌟🌟 <span class='md-tag md-tag--success'>[ENTERPRISE-STABLE]</span> <span class='md-tag md-tag--critical'>[LEGACY]</span> — Open-source analysis tool designed to visualizes AWS networks and identify potential vulnerability paths. Useful as a legacy blueprint reference for programmatic posture assessments.</li>
</ul>
<h3 id="design-assets">Design Assets<a class="headerlink" href="#design-assets" title="Permanent link">&para;</a></h3>
<h4 id="aws-1">AWS (1)<a class="headerlink" href="#aws-1" title="Permanent link">&para;</a></h4>
<ul>
<li><strong>(2024)</strong> <a href="https://aws.amazon.com/architecture/icons">AWS Architecture Icons</a> <span class='md-tag md-tag--warning'>[NONE CONTENT]</span> <span class='md-tag md-tag--info'>[COMMUNITY-TOOL]</span> — Official AWS collection containing current vector and raster design components. Indispensable for creating detailed corporate visual documents and modeling secure serverless or container networks.</li>
</ul>
<h4 id="azure">Azure<a class="headerlink" href="#azure" title="Permanent link">&para;</a></h4>
<ul>
<li><strong>(2024)</strong> <a href="https://learn.microsoft.com/en-us/azure/architecture/icons">Azure Architecture Icons</a> <span class='md-tag md-tag--warning'>[NONE CONTENT]</span> <span class='md-tag md-tag--info'>[COMMUNITY-TOOL]</span> — Microsoft's official repository of Azure resource icons curated to help technical architects build compliant and standard system architectures. Perfect for structuring visual documentation in accordance with the Microsoft Cloud Adoption Framework.</li>
</ul>
<h4 id="gcp">GCP<a class="headerlink" href="#gcp" title="Permanent link">&para;</a></h4>
<ul>
<li><strong>(2024)</strong> <a href="https://cloud.google.com/icons">Google Cloud Architecture Icons</a> <span class='md-tag md-tag--warning'>[NONE CONTENT]</span> <span class='md-tag md-tag--info'>[COMMUNITY-TOOL]</span> — The standardized Google Cloud Platform graphical asset library and system diagram rules. Designed to assist cloud architects in drafting Google-recommended structures with consistent representations for compute, storage, data, and analytical pipelines.</li>
</ul>
<h4 id="kubernetes">Kubernetes<a class="headerlink" href="#kubernetes" title="Permanent link">&para;</a></h4>
<ul>
<li><strong>(2023)</strong> <a href="https://github.com/kubernetes/community/tree/main/icons"><mark>github.com/kubernetes: Kubernetes Icons Set</mark></a> <span class='md-tag md-tag--info'>⭐ 12886</span> <svg class="v2-sparkline" width="50" height="15" viewBox="0 0 50 15" style="vertical-align: middle; display: inline-block; margin-left: 6px;" title="Activity Trend"><defs><linearGradient id="spark-grad-a419dff2" x1="0" y1="0" x2="1" y2="0"><stop offset="0%" stop-color="rgba(34, 211, 238, 0.2)" /><stop offset="100%" stop-color="var(--md-accent-fg-color)" /></linearGradient></defs><path class="v2-sparkline-path" d="M 0 5 L 10 9 L 20 11 L 30 7 L 40 7 L 50 2" fill="none" stroke="url(#spark-grad-a419dff2)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /><circle cx="50" cy="2" r="2" fill="var(--md-accent-fg-color)" /></svg> <span class='md-tag md-tag--warning'>[NONE CONTENT]</span> 🌟🌟🌟🌟🌟 <span class='md-tag md-tag--success'>[DE FACTO STANDARD]</span> — The official CNCF-maintained Kubernetes graphic catalog containing SVGs and PNGs representing key system objects like Pods, Services, Deployments, ingress, and Custom Resources. Vital for creating highly precise architectural designs of cloud-native infrastructure.</li>
</ul>
<h4 id="security-1">Security (1)<a class="headerlink" href="#security-1" title="Permanent link">&para;</a></h4>
<ul>
<li><strong>(2021)</strong> <a href="https://github.com/aquasecurity/cloudsec-icons">aquasecurity/cloudsec-icons</a> <span class='md-tag md-tag--warning'>[NONE CONTENT]</span> 🌟 <span class='md-tag md-tag--info'>[COMMUNITY-TOOL]</span> — An open-source library of dedicated cybersecurity and DevSecOps icons created by Aqua Security. Empowers application security professionals to visually document threat boundaries, firewall parameters, and container compliance elements in systems architecture graphs.</li>
</ul>
<h3 id="diagrams-as-code_1">Diagrams as Code<a class="headerlink" href="#diagrams-as-code_1" title="Permanent link">&para;</a></h3>
<h4 id="aws-cloudformation">AWS CloudFormation<a class="headerlink" href="#aws-cloudformation" title="Permanent link">&para;</a></h4>
<ul>
<li><strong>(2023)</strong> <a href="https://github.com/mhlabs/cfn-diagram">cfn-diagram 🌟</a> <span class='md-tag md-tag--warning'>[TYPESCRIPT CONTENT]</span> 🌟🌟🌟 <span class='md-tag md-tag--info'>[COMMUNITY-TOOL]</span> — A developer-focused CLI tool designed to parse AWS CloudFormation nested templates and instantly generate clean, interactive resource dependency maps, simplifying infrastructure inspection.</li>
</ul>
<h4 id="airflow">Airflow<a class="headerlink" href="#airflow" title="Permanent link">&para;</a></h4>
<ul>
<li><strong>(2023)</strong> <a href="https://github.com/feluelle/airflow-diagrams">feluelle/airflow-diagrams</a> <span class='md-tag md-tag--info'>⭐ 358</span> <svg class="v2-sparkline" width="50" height="15" viewBox="0 0 50 15" style="vertical-align: middle; display: inline-block; margin-left: 6px;" title="Activity Trend"><defs><linearGradient id="spark-grad-00570fef" x1="0" y1="0" x2="1" y2="0"><stop offset="0%" stop-color="rgba(34, 211, 238, 0.2)" /><stop offset="100%" stop-color="var(--md-accent-fg-color)" /></linearGradient></defs><path class="v2-sparkline-path" d="M 0 2 L 10 12 L 20 2 L 30 3 L 40 13 L 50 7" fill="none" stroke="url(#spark-grad-00570fef)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /><circle cx="50" cy="7" r="2" fill="var(--md-accent-fg-color)" /></svg> <span class='md-tag md-tag--warning'>[PYTHON CONTENT]</span> 🌟🌟🌟 <span class='md-tag md-tag--info'>[COMMUNITY-TOOL]</span> — An open-source CLI utility designed to automatically generate high-quality diagrams representing Apache Airflow workflow dependencies. Accelerates data lineage documentation across pipeline iterations.</li>
</ul>
<h4 id="python">Python<a class="headerlink" href="#python" title="Permanent link">&para;</a></h4>
<ul>
<li><strong>(2020)</strong> <a href="https://diagrams.mingrammer.com"><mark>diagrams.mingrammer.com: Diagram as Code</mark></a> <span class='md-tag md-tag--warning'>[PYTHON CONTENT]</span> 🌟🌟🌟🌟🌟 <span class='md-tag md-tag--success'>[DE FACTO STANDARD]</span> — An industry-standard open-source library that empowers architects to represent system architectures using pure Python code. By aligning with GitOps paradigms, diagrams are treated as software dependencies, allowing automated code-driven rendering and versioning across AWS, GCP, Azure, and Kubernetes ecosystems without manual editing tools.</li>
<li><strong>(2022)</strong> <a href="https://github.com/awslabs/diagram-as-code"><strong>github.com/awslabs/diagram-as-code 🌟</strong></a> <span class='md-tag md-tag--info'>⭐ 1519</span> <svg class="v2-sparkline" width="50" height="15" viewBox="0 0 50 15" style="vertical-align: middle; display: inline-block; margin-left: 6px;" title="Activity Trend"><defs><linearGradient id="spark-grad-180f1ce5" x1="0" y1="0" x2="1" y2="0"><stop offset="0%" stop-color="rgba(34, 211, 238, 0.2)" /><stop offset="100%" stop-color="var(--md-accent-fg-color)" /></linearGradient></defs><path class="v2-sparkline-path" d="M 0 4 L 10 13 L 20 3 L 30 13 L 40 5 L 50 5" fill="none" stroke="url(#spark-grad-180f1ce5)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /><circle cx="50" cy="5" r="2" fill="var(--md-accent-fg-color)" /></svg> <span class='md-tag md-tag--warning'>[PYTHON CONTENT]</span> 🌟🌟🌟🌟 <span class='md-tag md-tag--success'>[ENTERPRISE-STABLE]</span> — An AWS Labs community experiment designed to showcase the power of programmatically rendering complex systems architecture. Helps engineers integrate documentation updates directly inside release workflows.</li>
</ul>
<h3 id="guides">Guides<a class="headerlink" href="#guides" title="Permanent link">&para;</a></h3>
<h4 id="aws-2">AWS (2)<a class="headerlink" href="#aws-2" title="Permanent link">&para;</a></h4>
<ul>
<li><strong>(2023)</strong> <a href="https://www.pluralsight.com">What is the best way to generate a visual diagram of the AWS environment which includes VPC, VPN, EC2, and AMIs?</a> <span class='md-tag md-tag--warning'>[NONE CONTENT]</span> <span class='md-tag md-tag--info'>[COMMUNITY-TOOL]</span> <span class='md-tag md-tag--secondary'>[GUIDE]</span> — A comprehensive tutorial on Pluralsight outlining best-practice workflows for generating infrastructure diagrams. Provides structured advice on combining automated discovery with custom visual canvases.</li>
</ul>
<h3 id="interactive-diagramming">Interactive Diagramming<a class="headerlink" href="#interactive-diagramming" title="Permanent link">&para;</a></h3>
<h4 id="ai-integration">AI Integration<a class="headerlink" href="#ai-integration" title="Permanent link">&para;</a></h4>
<ul>
<li><strong>(2025)</strong> <a href="https://thomasthornton.cloud/draw-io-mcp-for-diagram-generation-why-its-worth-using">Draw.io MCP for Diagram Generation: Why It’s Worth Using</a> <span class='md-tag md-tag--warning'>[TYPESCRIPT CONTENT]</span> 🌟🌟 <span class='md-tag md-tag--info'>[COMMUNITY-TOOL]</span> — Implements the Model Context Protocol (MCP) to dynamically generate and modify Draw.io structures directly via conversational AI interfaces. Seamlessly links large language models with visual blueprint execution, allowing real-time canvas updates and automated layout formatting based on conversational technical specs.</li>
</ul>
<h4 id="enterprise">Enterprise<a class="headerlink" href="#enterprise" title="Permanent link">&para;</a></h4>
<ul>
<li><strong>(2025)</strong> <a href="https://www.lucidchart.com/pages">Lucidchart</a> <span class='md-tag md-tag--warning'>[NONE CONTENT]</span> <span class='md-tag md-tag--info'>[COMMUNITY-TOOL]</span> — An industry-standard collaborative workspace used by enterprise organizations to build visual structures. Integrates with Lucidscale to auto-generate cloud diagrams directly from configuration payloads.</li>
<li><strong>(2025)</strong> <a href="https://lucid.co/marketplace/91074b9b/aws">Lucidchart</a> <span class='md-tag md-tag--warning'>[NONE CONTENT]</span> <span class='md-tag md-tag--info'>[COMMUNITY-TOOL]</span> — Lucidchart's integrated AWS modeling module, optimized to dynamically visualize multi-region topologies, network firewalls, and resource clusters directly using official AWS iconography.</li>
</ul>
<h4 id="innovative">Innovative<a class="headerlink" href="#innovative" title="Permanent link">&para;</a></h4>
<ul>
<li><strong>(2024)</strong> <a href="https://infviz.io">infviz.io</a> <span class='md-tag md-tag--warning'>[NONE CONTENT]</span> <span class='md-tag md-tag--info'>[COMMUNITY-TOOL]</span> — An innovative diagram platform tailored for parsing cloud systems and outputting highly stylized, lightweight layout maps. Focused on real-time dependency analysis and operational state monitoring.</li>
</ul>
<h4 id="web">Web<a class="headerlink" href="#web" title="Permanent link">&para;</a></h4>
<ul>
<li><strong>(2025)</strong> <a href="https://app.diagrams.net"><mark>draw.io</mark></a> <span class='md-tag md-tag--warning'>[JAVASCRIPT CONTENT]</span> 🌟🌟🌟🌟🌟 <span class='md-tag md-tag--success'>[DE FACTO STANDARD]</span> — The premier open-source interactive canvas for drafting clean UML schemas, Kubernetes layers, and custom network structures. Features broad integration capabilities and local execution variants.</li>
</ul>
<h3 id="kubernetes-visualizer">Kubernetes Visualizer<a class="headerlink" href="#kubernetes-visualizer" title="Permanent link">&para;</a></h3>
<h4 id="go">Go<a class="headerlink" href="#go" title="Permanent link">&para;</a></h4>
<ul>
<li><strong>(2021)</strong> <a href="https://github.com/cloudogu/k8s-diagrams">cloudogu/k8s-diagrams</a> <span class='md-tag md-tag--info'>⭐ 339</span> <svg class="v2-sparkline" width="50" height="15" viewBox="0 0 50 15" style="vertical-align: middle; display: inline-block; margin-left: 6px;" title="Activity Trend"><defs><linearGradient id="spark-grad-00078e7e" x1="0" y1="0" x2="1" y2="0"><stop offset="0%" stop-color="rgba(34, 211, 238, 0.2)" /><stop offset="100%" stop-color="var(--md-accent-fg-color)" /></linearGradient></defs><path class="v2-sparkline-path" d="M 0 5 L 10 3 L 20 4 L 30 5 L 40 5 L 50 2" fill="none" stroke="url(#spark-grad-00078e7e)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /><circle cx="50" cy="2" r="2" fill="var(--md-accent-fg-color)" /></svg> <span class='md-tag md-tag--warning'>[GO CONTENT]</span> 🌟🌟🌟 <span class='md-tag md-tag--info'>[COMMUNITY-TOOL]</span> — A specialized CLI utility built to parse Kubernetes live states and manifest specifications directly into clean, structured architectural diagrams. Resolves the operational pain point of manual cluster mapping, providing engineers with an accurate visual layout of active workloads, routes, and cluster components.</li>
</ul>
<h2 id="cloud-governance">Cloud Governance<a class="headerlink" href="#cloud-governance" title="Permanent link">&para;</a></h2>
<h3 id="enterprise-architecture">Enterprise Architecture<a class="headerlink" href="#enterprise-architecture" title="Permanent link">&para;</a></h3>
<h4 id="landing-zones">Landing Zones<a class="headerlink" href="#landing-zones" title="Permanent link">&para;</a></h4>
<ul>
<li><strong>(2026)</strong> <a href="https://azure.github.io/Azure-Landing-Zones">Azure Landing Zone Technical Documentation</a> <span class='md-tag md-tag--warning'>[NONE CONTENT]</span> <span class='md-tag md-tag--critical'>[ADVANCED LEVEL]</span> <span class='md-tag md-tag--primary'>[DOCUMENTATION]</span> <span class='md-tag md-tag--info'>[COMMUNITY-TOOL]</span> — Central knowledge base for Azure Landing Zones (ALZ) design principles and implementations. This portal provides guidance on identity management, network topology, subscription organization, and proactive governance policies. It acts as the key blueprint for deploying scalable multi-subscription cloud platform architectures.</li>
<li><strong>(2026)</strong> <a href="https://learn.microsoft.com/nb-no/azure/cloud-adoption-framework/ready/landing-zone">Azure Landing Zone - Microsoft Cloud Adoption Framework</a> <span class='md-tag md-tag--warning'>[NONE CONTENT]</span> <span class='md-tag md-tag--critical'>[ADVANCED LEVEL]</span> <span class='md-tag md-tag--primary'>[DOCUMENTATION]</span> <span class='md-tag md-tag--info'>[COMMUNITY-TOOL]</span> — Explains the architectural principles of Azure Landing Zones under the Microsoft CAF. It emphasizes separation of concerns across management, connectivity, and identity planes, while using custom policy assignments for automated control. This guidance helps platform teams establish a robust foundation for onboarding application workloads.</li>
</ul>
<h2 id="cloud-infrastructure">Cloud Infrastructure<a class="headerlink" href="#cloud-infrastructure" title="Permanent link">&para;</a></h2>
<h3 id="azure-networking">Azure Networking<a class="headerlink" href="#azure-networking" title="Permanent link">&para;</a></h3>
<h4 id="global-infrastructure">Global Infrastructure<a class="headerlink" href="#global-infrastructure" title="Permanent link">&para;</a></h4>
<ul>
<li><strong>(2026)</strong> <a href="https://azure.microsoft.com/en-us/explore/global-infrastructure/products-by-region/table">Azure Products by Region Table</a> <span class='md-tag md-tag--warning'>[N/A CONTENT]</span> <span class='md-tag md-tag--primary'>[DOCUMENTATION]</span> <span class='md-tag md-tag--info'>[COMMUNITY-TOOL]</span> — The definitive, live-updated reference catalog mapping the global availability of Azure services and network products across all Azure regions. This matrices-driven tool is vital for cloud architects designing multi-region redundancy, data residency compliance, and edge microservice topologies.</li>
</ul>
<h4 id="network-topology">Network Topology<a class="headerlink" href="#network-topology" title="Permanent link">&para;</a></h4>
<ul>
<li><strong>(2025)</strong> <a href="https://learn.microsoft.com/en-us/azure/architecture/networking/architecture/hub-spoke">Hub-Spoke Network Topology in Azure - Azure Architecture Center</a> <span class='md-tag md-tag--warning'>[N/A CONTENT]</span> <span class='md-tag md-tag--critical'>[ADVANCED LEVEL]</span> <span class='md-tag md-tag--primary'>[DOCUMENTATION]</span> <span class='md-tag md-tag--info'>[COMMUNITY-TOOL]</span> — The foundational blueprint for Azure Hub-and-Spoke network design patterns. This guide details how to centralize shared infrastructure services—such as firewalls, DNS, and ExpressRoute gateways—within a hub VNet, while separating distinct microservice workloads into isolated spoke VNets.</li>
</ul>
<h2 id="cloud-platforms">Cloud Platforms<a class="headerlink" href="#cloud-platforms" title="Permanent link">&para;</a></h2>
<h3 id="aws-integration">AWS Integration<a class="headerlink" href="#aws-integration" title="Permanent link">&para;</a></h3>
<h4 id="visualization-1">Visualization (1)<a class="headerlink" href="#visualization-1" title="Permanent link">&para;</a></h4>
<ul>
<li><strong>(2021)</strong> <a href="https://github.com/wongcyrus/aws-account-cloud9-visualizer">AWS Account Cloud9 Visualizer</a> <span class='md-tag md-tag--warning'>[PYTHON CONTENT]</span> <span class='md-tag md-tag--info'>[COMMUNITY-TOOL]</span> — A specialized developer tool tailored for deployment inside AWS Cloud9 instances. Allows engineers to quickly visualize localized cloud development patterns and inspect running sandboxes directly from the IDE.</li>
</ul>
<h2 id="container-orchestration">Container Orchestration<a class="headerlink" href="#container-orchestration" title="Permanent link">&para;</a></h2>
<h3 id="azure-kubernetes-service">Azure Kubernetes Service<a class="headerlink" href="#azure-kubernetes-service" title="Permanent link">&para;</a></h3>
<h4 id="well-architected-framework">Well-Architected Framework<a class="headerlink" href="#well-architected-framework" title="Permanent link">&para;</a></h4>
<ul>
<li><strong>(2026)</strong> <a href="https://learn.microsoft.com/en-us/azure/well-architected/service-guides/azure-kubernetes-service">Architecture Best Practices for Azure Kubernetes Service (AKS)</a> <span class='md-tag md-tag--warning'>[MARKDOWN CONTENT]</span> <span class='md-tag md-tag--critical'>[ADVANCED LEVEL]</span> <span class='md-tag md-tag--primary'>[DOCUMENTATION]</span> <span class='md-tag md-tag--info'>[COMMUNITY-TOOL]</span> — Official technical guide mapping Azure Well-Architected Framework (WAF) principles to Azure Kubernetes Service (AKS). It details architectural guidance on cluster networking, high availability, node pools, security integration, and cost management. This serves as the definitive reference for engineering enterprise-grade, highly resilient Kubernetes control and data planes on Azure.</li>
</ul>
<h2 id="infrastructure">Infrastructure<a class="headerlink" href="#infrastructure" title="Permanent link">&para;</a></h2>
<h3 id="visualizations">Visualizations<a class="headerlink" href="#visualizations" title="Permanent link">&para;</a></h3>
<h4 id="cloud-discovery-1">Cloud Discovery (1)<a class="headerlink" href="#cloud-discovery-1" title="Permanent link">&para;</a></h4>
<ul>
<li><strong>(2024)</strong> <a href="https://docs.aws.amazon.com/solutions/workload-discovery-on-aws">AWS Perspective 🌟</a> <span class='md-tag md-tag--info'>[COMMUNITY-TOOL]</span> <span class='md-tag md-tag--secondary'>[GUIDE]</span> — Technical blueprint for Workload Discovery on AWS (formerly AWS Perspective). This serverless solution dynamically visualizes cloud layouts, maintains historical dependency logs, and facilitates compliance audits.</li>
</ul>
<h4 id="gcp-diagramming">GCP Diagramming<a class="headerlink" href="#gcp-diagramming" title="Permanent link">&para;</a></h4>
<ul>
<li><strong>(2021)</strong> <a href="https://cloud.google.com/blog">cloud.google.com: Introducing a Google Cloud architecture diagramming tool</a> <span class='md-tag md-tag--info'>[COMMUNITY-TOOL]</span> — Introduces Google Cloud's web-based console architecture designer. Explains how engineering departments construct, validate, and export precise GCP topology maps using standardized reference modules.</li>
</ul>
<h2 id="infrastructure-as-code">Infrastructure as Code<a class="headerlink" href="#infrastructure-as-code" title="Permanent link">&para;</a></h2>
<h3 id="architecture-1">Architecture (1)<a class="headerlink" href="#architecture-1" title="Permanent link">&para;</a></h3>
<h4 id="diagrams">Diagrams<a class="headerlink" href="#diagrams" title="Permanent link">&para;</a></h4>
<ul>
<li><strong>(2024)</strong> <a href="https://cloudcanvas.co">CloudCanvas - Diagramming for Cloud Infrastructure</a> <span class='md-tag md-tag--warning'>[TYPESCRIPT CONTENT]</span> <span class='md-tag md-tag--warning'>[EMERGING]</span> — CloudCanvas is an emerging interactive workspace tool tailored for designing cloud topologies and auto-generating infrastructure-as-code manifests. By linking architectural nodes directly to API-driven configurations, it helps bridge the gap between architectural diagramming and operational execution.</li>
</ul>
<h3 id="verification-and-ai">Verification and AI<a class="headerlink" href="#verification-and-ai" title="Permanent link">&para;</a></h3>
<h4 id="copilot-verification">Copilot Verification<a class="headerlink" href="#copilot-verification" title="Permanent link">&para;</a></h4>
<ul>
<li><strong>(2025)</strong> <a href="https://github.com/Azure/AZVerify"><mark>AZVerify: Bridging Azure Resources, Bicep Templates, and Diagrams with GitHub' Copilot</mark></a> <span class='md-tag md-tag--info'>⭐ 95</span> <svg class="v2-sparkline" width="50" height="15" viewBox="0 0 50 15" style="vertical-align: middle; display: inline-block; margin-left: 6px;" title="Activity Trend"><defs><linearGradient id="spark-grad-0351c56b" x1="0" y1="0" x2="1" y2="0"><stop offset="0%" stop-color="rgba(34, 211, 238, 0.2)" /><stop offset="100%" stop-color="var(--md-accent-fg-color)" /></linearGradient></defs><path class="v2-sparkline-path" d="M 0 11 L 10 2 L 20 5 L 30 9 L 40 13 L 50 11" fill="none" stroke="url(#spark-grad-0351c56b)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /><circle cx="50" cy="11" r="2" fill="var(--md-accent-fg-color)" /></svg> <span class='md-tag md-tag--warning'>[TYPESCRIPT CONTENT]</span> 🌟🌟🌟🌟🌟 <span class='md-tag md-tag--success'>[DE FACTO STANDARD]</span> — An innovative open-source tool bridging declarative Bicep files, live Azure deployments, and system diagrams using GitHub Copilot. Standardizes validation processes during complex infrastructure-as-code planning.</li>
</ul>
<h2 id="kubernetes-tools">Kubernetes Tools<a class="headerlink" href="#kubernetes-tools" title="Permanent link">&para;</a></h2>
<h3 id="general-reference">General Reference<a class="headerlink" href="#general-reference" title="Permanent link">&para;</a></h3>
<ul>
<li><a href="https://betterprogramming.pub/solutions-architect-tips-the-5-types-of-architecture-diagrams-eb0c11996f9e">betterprogramming.pub: Solutions Architect Tips — The 5 Types of Architecture' Diagrams</a> <span class='md-tag md-tag--info'>[COMMUNITY-TOOL]</span> — A curated technical resource and architectural guide covering betterprogramming.pub: Solutions Architect Tips — The 5 Types of Architecture' Diagrams in the Kubernetes Tools ecosystem.</li>
<li><a href="https://learningdaily.dev/software-architecture-diagramming-and-patterns-7d38999e7a12">learningdaily.dev: Software architecture diagramming and patterns</a> <span class='md-tag md-tag--info'>[COMMUNITY-TOOL]</span> — A curated technical resource and architectural guide covering learningdaily.dev: Software architecture diagramming and patterns in the Kubernetes Tools ecosystem.</li>
<li><a href="https://alanblackmore.medium.com/aws-diagram-architecture-afb50ea569a4">alanblackmore.medium.com: AWS Diagram Architecture</a> <span class='md-tag md-tag--info'>[COMMUNITY-TOOL]</span> — A curated technical resource and architectural guide covering <mark>alanblackmore.medium.com: AWS Diagram Architecture</mark> in the Kubernetes Tools ecosystem.</li>
<li><a href="https://medium.com/contino-engineering/data-pipeline-orchestration-using-amazon-managed-workflows-for-apache-airflow-mwaa-60e5b213a0a7">medium.com/contino-engineering: Data Pipeline Orchestration - Using Amazon' Managed Workflows for Apache Airflow (MWAA)</a> <span class='md-tag md-tag--info'>[COMMUNITY-TOOL]</span> — A curated technical resource and architectural guide covering medium.com/contino-engineering: Data Pipeline Orchestration - Using Amazon' Managed Workflows for Apache Airflow (MWAA) in the Kubernetes Tools ecosystem.</li>
</ul>
<hr />
<p>💡 <strong>Explore Related:</strong> <a href="../demos/">Demos</a> | <a href="../kubernetes/">Kubernetes</a> | <a href="../cloud-asset-inventory/">Cloud Asset Inventory</a></p>
</article>
</div>
<script>var target=document.getElementById(location.hash.slice(1));target&&target.name&&(target.checked=target.name.startsWith("__tabbed_"))</script>
</div>
<button type="button" class="md-top md-icon" data-md-component="top" hidden>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8z"/></svg>
Back to top
</button>
</main>
<footer class="md-footer">
<div class="md-footer-meta md-typeset">
<div class="md-footer-meta__inner md-grid">
<div class="md-copyright">
<div class="md-copyright__highlight">
Copyright &copy; 2026 Nubenetes Agentic Intelligence
</div>
Made with
<a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
Material for MkDocs
</a>
</div>
<div class="md-social">
<a href="https://github.com/nubenetes/awesome-kubernetes" target="_blank" rel="noopener" title="github.com" class="md-social__link">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2025 Fonticons, Inc.--><path d="M173.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6m-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3m44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9M252.8 8C114.1 8 8 113.3 8 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C436.2 457.8 504 362.9 504 252 504 113.3 391.5 8 252.8 8M105.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1m-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7m32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1m-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2"/></svg>
</a>
<a href="https://twitter.com/nubenetes" target="_blank" rel="noopener" title="twitter.com" class="md-social__link">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2025 Fonticons, Inc.--><path d="M459.4 151.7c.3 4.5.3 9.1.3 13.6 0 138.7-105.6 298.6-298.6 298.6-59.5 0-114.7-17.2-161.1-47.1 8.4 1 16.6 1.3 25.3 1.3 49.1 0 94.2-16.6 130.3-44.8-46.1-1-84.8-31.2-98.1-72.8 6.5 1 13 1.6 19.8 1.6 9.4 0 18.8-1.3 27.6-3.6-48.1-9.7-84.1-52-84.1-103v-1.3c14 7.8 30.2 12.7 47.4 13.3-28.3-18.8-46.8-51-46.8-87.4 0-19.5 5.2-37.4 14.3-53C87.4 130.8 165 172.4 252.1 176.9c-1.6-7.8-2.6-15.9-2.6-24C249.5 95.1 296.3 48 354.4 48c30.2 0 57.5 12.7 76.7 33.1 23.7-4.5 46.5-13.3 66.6-25.3-7.8 24.4-24.4 44.8-46.1 57.8 21.1-2.3 41.6-8.1 60.4-16.2-14.3 20.8-32.2 39.3-52.6 54.3"/></svg>
</a>
<a href="https://www.linkedin.com/groups/1937212/" target="_blank" rel="noopener" title="www.linkedin.com" class="md-social__link">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2025 Fonticons, Inc.--><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3M135.4 416H69V202.2h66.5V416zM102.2 96a38.5 38.5 0 1 1 0 77 38.5 38.5 0 1 1 0-77m282.1 320h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9z"/></svg>
</a>
</div>
</div>
</div>
</footer>
</div>
<div class="md-dialog" data-md-component="dialog">
<div class="md-dialog__inner md-typeset"></div>
</div>
<script id="__config" type="application/json">{"annotate": null, "base": "..", "features": ["navigation.tabs", "navigation.tabs.sticky", "navigation.top", "navigation.tracking", "navigation.sections", "navigation.expand", "navigation.indexes", "search.suggest", "search.highlight", "search.share", "content.code.copy", "content.action.view", "content.action.edit", "content.tooltips", "navigation.prune", "toc.integrate"], "search": "../assets/javascripts/workers/search.2c215733.min.js", "tags": null, "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}, "version": {"provider": "mike"}}</script>
<script src="../assets/javascripts/bundle.79ae519e.min.js"></script>
<script src="../static/v2_filter.js"></script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink