From e13be60c573c89600994da39446d0f33354a3119 Mon Sep 17 00:00:00 2001
From: Kate Unger <32380357+KateUnger@users.noreply.github.com>
Date: Mon, 3 Jul 2023 13:48:36 -0700
Subject: [PATCH 1/2] Label Chart Elements

Add symbols and area labels to mermaid charts of MultiDiGraph
---
 lib/utils/include/utils/graph/README.md | 52 ++++++++++++-------------
 1 file changed, 26 insertions(+), 26 deletions(-)

diff --git a/lib/utils/include/utils/graph/README.md b/lib/utils/include/utils/graph/README.md
index 1a57eec25b..a568dcd440 100644
--- a/lib/utils/include/utils/graph/README.md
+++ b/lib/utils/include/utils/graph/README.md
@@ -58,12 +58,12 @@ flowchart TD
 Example of `MultiDiGraph`:
 ```mermaid
 flowchart TD
-    A(" ")
-    B(" ")
-    C(" ")
-    D(" ")
-    E(" ")
-    F(" ")
+    A("A")
+    B("B")
+    C("C")
+    D("D")
+    E("E")
+    F("F")
 
     A -->|"(&#x25A0, &#x2605)"| B
     B -->|"(&#x25CF, &#x2605)"| C
@@ -79,51 +79,51 @@ flowchart TD
 or visualized a different way,
 ```mermaid
 flowchart TD
-    Acirc(" ")
-    Asqua(" ")
-    Bcirc(" ")
-    Bstar(" ")
-    Bsqua(" ")
-    Chear(" ")
-    Cstar(" ")
-    Dsqua(" ")
-    Dcirc(" ")
-    Dtria(" ")
-    Ecirc(" ")
-    Esqua(" ")
-    F(" ")
+    Acirc("&#x25CF")
+    Asqua("&#x25A0")
+    Bcirc("&#x25CF")
+    Bstar("&#x2605")
+    Bsqua("&#x25A0")
+    Chear("&#x2665")
+    Cstar("&#x2605")
+    Dsqua("&#x25A0")
+    Dcirc("&#x25CF")
+    Dtria("&#x25B2")
+    Ecirc("&#x25CF")
+    Esqua("&#x25A0")
+    Fsqua(" ")
 
     style F fill:#0000,stroke:#0000
 
-    subgraph " "
+    subgraph "A"
       Acirc
       Asqua
     end
 
-    subgraph " "
+    subgraph "B"
         Bsqua
         Bcirc
         Bstar
     end
 
-    subgraph " "
+    subgraph "C"
         Chear
         Cstar
     end
 
-    subgraph " "
+    subgraph "D"
         Dsqua 
         Dcirc
         Dtria
     end
 
-    subgraph " "
+    subgraph "E"
         Ecirc 
         Esqua
     end
 
-    subgraph " "
-        F
+    subgraph "F"
+        Fsqua
     end
 
     Asqua --> Bstar 

From 4b4567f718e07a97d00789c11edcf24f384feaf8 Mon Sep 17 00:00:00 2001
From: Kate Unger <32380357+KateUnger@users.noreply.github.com>
Date: Tue, 4 Jul 2023 13:04:58 -0700
Subject: [PATCH 2/2] Update README.md

---
 lib/utils/include/utils/graph/README.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/lib/utils/include/utils/graph/README.md b/lib/utils/include/utils/graph/README.md
index a568dcd440..c62b2df294 100644
--- a/lib/utils/include/utils/graph/README.md
+++ b/lib/utils/include/utils/graph/README.md
@@ -91,9 +91,9 @@ flowchart TD
     Dtria("&#x25B2")
     Ecirc("&#x25CF")
     Esqua("&#x25A0")
-    Fsqua(" ")
+    Fplaceholder(" ")
 
-    style F fill:#0000,stroke:#0000
+    style Fplaceholder fill:#0000,stroke:#0000
 
     subgraph "A"
       Acirc
@@ -123,7 +123,7 @@ flowchart TD
     end
 
     subgraph "F"
-        Fsqua
+        Fplaceholder
     end
 
     Asqua --> Bstar