1# Example Architecture Diagram
2 
3This example shows a typical Azure resource group with resources organized into logical layers.
4 
5## Sample Mermaid Diagram
6 
7```mermaid
8graph TB
9    %% Use subgraphs to group related resources
10    subgraph "Resource Group: [name]"
11        subgraph "Network Layer"
12            VNET[Virtual Network<br/>10.0.0.0/16]
13            SUBNET1[Subnet: web<br/>10.0.1.0/24]
14            SUBNET2[Subnet: data<br/>10.0.2.0/24]
15            NSG[Network Security Group]
16        end
17        
18        subgraph "Compute Layer"
19            APP[App Service<br/>Plan: P1v2]
20            FUNC[Function App<br/>Runtime: .NET 8]
21        end
22        
23        subgraph "Data Layer"
24            SQL[Azure SQL Database<br/>DTU: S1]
25            STORAGE[Storage Account<br/>Type: Standard LRS]
26        end
27        
28        subgraph "Security & Identity"
29            KV[Key Vault]
30            MI[Managed Identity]
31        end
32    end
33    
34    %% Define relationships with descriptive labels
35    APP -->|"HTTPS requests"| FUNC
36    FUNC -->|"SQL connection"| SQL
37    FUNC -->|"Blob/Queue access"| STORAGE
38    APP -->|"Uses identity"| MI
39    MI -->|"Access secrets"| KV
40    VNET --> SUBNET1
41    VNET --> SUBNET2
42    SUBNET1 --> APP
43    SUBNET2 --> SQL
44    NSG -->|"Rules applied to"| SUBNET1
45```
46 
47## Diagram Features
48 
49This example demonstrates:
50 
51- **Layered organization**: Resources grouped by function (Network, Compute, Data, Security)
52- **Detailed node labels**: Each resource includes configuration details (SKUs, tiers, settings)
53- **Descriptive connections**: Relationships are labeled to show data flow and dependencies
54- **Subgraphs**: Logical grouping makes the architecture easy to understand
55- **Resource variety**: Shows common Azure services and their interconnections
56