# Test Diagrams from README ## Diagram 7 - Simple Example ```mermaid graph TD A --> B ``` ## Diagram 9 - Quote Example (POTENTIALLY BROKEN) ```mermaid %% Wrong: Unescaped quotes break syntax A["User says "hello""] %% Correct: Use single quotes or escape A['User says "hello"'] A["User says 'hello'"] ``` ## Diagram 10 - Line Break Example ```mermaid %% Use
for line breaks in labels A[Flask App
10.22.68.249
Port 5000] ``` ## Diagram 11 - Style Guide ```mermaid %%{init: {'theme':'default', 'themeVariables': { 'fontSize':'16px'}}}%% graph TD %% External systems - rounded boxes Ext((External
System)) %% Our services - rectangles Service[Our Service] %% Databases - cylinder DB[(Database)] %% Decision points - diamond (implicit in flowchart) Service -->|Success| DB Service -->|Failure| Ext %% Styling classDef external fill:#f9f,stroke:#333,stroke-width:2px classDef internal fill:#bbf,stroke:#333,stroke-width:2px classDef database fill:#bfb,stroke:#333,stroke-width:2px class Ext external class Service internal class DB database ```