From 1c55676f31504c9563a4817870fb081ff9dd589f Mon Sep 17 00:00:00 2001 From: Paolo Salvatori Date: Tue, 11 Aug 2026 14:43:04 +0200 Subject: [PATCH 1/2] Give the mermaid architecture diagrams white subgraph backgrounds Mermaid's default theme fills subgraphs pale yellow. Style every subgraph in the eventhubs, eventhubs-eventgrid and servicebus diagrams with a white fill, gray border and dark title text, matching the white rounded containers of the Visio-made architecture images. Co-Authored-By: Claude Fable 5 --- samples/eventhubs-eventgrid/python/README.md | 5 +++++ samples/eventhubs/python/README.md | 5 +++++ samples/servicebus/java/README.md | 3 +++ 3 files changed, 13 insertions(+) diff --git a/samples/eventhubs-eventgrid/python/README.md b/samples/eventhubs-eventgrid/python/README.md index 2e39b26..cf651f9 100644 --- a/samples/eventhubs-eventgrid/python/README.md +++ b/samples/eventhubs-eventgrid/python/README.md @@ -44,6 +44,11 @@ flowchart LR notifications -->|"5: trigger (capture-processor group)"| processor processor -->|"6: read archive (data.fileUrl)"| archive processor -->|"7: per-device summaries (output binding)"| curated + + style ehns fill:#ffffff,stroke:#999999,color:#333333 + style storage fill:#ffffff,stroke:#999999,color:#333333 + style eventgrid fill:#ffffff,stroke:#999999,color:#333333 + style funcapp fill:#ffffff,stroke:#999999,color:#333333 ``` ## Why this shape diff --git a/samples/eventhubs/python/README.md b/samples/eventhubs/python/README.md index 1eb3835..ce629b9 100644 --- a/samples/eventhubs/python/README.md +++ b/samples/eventhubs/python/README.md @@ -54,6 +54,11 @@ flowchart LR ehns -.-> kv funcapp -.->|"telemetry"| monitor dashboard -.->|"telemetry"| monitor + + style producers fill:#ffffff,stroke:#999999,color:#333333 + style ehns fill:#ffffff,stroke:#999999,color:#333333 + style funcapp fill:#ffffff,stroke:#999999,color:#333333 + style storage fill:#ffffff,stroke:#999999,color:#333333 ``` **Deployment flow.** The deploy script creates Log Analytics and Application Insights, a diff --git a/samples/servicebus/java/README.md b/samples/servicebus/java/README.md index d465c98..8b41194 100644 --- a/samples/servicebus/java/README.md +++ b/samples/servicebus/java/README.md @@ -22,6 +22,9 @@ flowchart LR app -->|"1: send 'Hello, World!'"| queue queue -->|"2: deliver to @ServiceBusListener"| app app -.->|"authenticates with AZURE_SERVICEBUS_CONNECTION_STRING"| sbns + + style host fill:#ffffff,stroke:#999999,color:#333333 + style sbns fill:#ffffff,stroke:#999999,color:#333333 ``` The solution is composed of the following Azure resources: From df2031f65c012bea3624da42c4c864209c74d89f Mon Sep 17 00:00:00 2001 From: Paolo Salvatori Date: Tue, 11 Aug 2026 14:49:14 +0200 Subject: [PATCH 2/2] Lay out the eventhubs-eventgrid diagram top-to-bottom The 7-step pipeline rendered as a ~6:1 wide ribbon in left-to-right orientation, making labels unreadably small at page width. Top-to-bottom gives a near-square aspect with full-size text, matching the vertical flow of the original ASCII drawing. Co-Authored-By: Claude Fable 5 --- samples/eventhubs-eventgrid/python/README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/samples/eventhubs-eventgrid/python/README.md b/samples/eventhubs-eventgrid/python/README.md index cf651f9..19afba8 100644 --- a/samples/eventhubs-eventgrid/python/README.md +++ b/samples/eventhubs-eventgrid/python/README.md @@ -14,7 +14,7 @@ archive, aggregates it per device, and writes summaries to a curated hub. The following diagram illustrates the architecture of the solution: ```mermaid -flowchart LR +flowchart TB devices["Devices
telemetry_producer.py"] subgraph ehns["Event Hubs namespace"]