diff --git a/demos/er.html b/demos/er.html
index 1e5d4062d..d7b822dbd 100644
--- a/demos/er.html
+++ b/demos/er.html
@@ -16,17 +16,35 @@
   <body>
     <pre class="mermaid">
 erDiagram
-title This is a title
-accDescription Test a description
-CUSTOMER ||--o{ ORDER : places
-ORDER ||--|{ LINE-ITEM : contains
-CUSTOMER }|..|{ DELIVERY-ADDRESS : uses
+  %% title This is a title
+  %% accDescription Test a description
+
+  "Person.CUSTOMER"||--o{ ORDER : places
+
+  ORDER ||--|{ LINE-ITEM : contains
+
+  "Person.CUSTOMER" }|..|{ "Address/StreetAddress::[DELIVERY-ADDRESS]" : uses
+
+  "Address/StreetAddress::[DELIVERY-ADDRESS]" {
+      int customerID FK
+      string line1 "this is the first address line comment"
+      string line2
+      string city
+      string region
+      string state
+      string postal_code
+      string country
+      }
+
+      "a_~`!@#$^&*()-_=+[]{}|/;:'.?¡⁄™€£‹¢›∞ﬁ§‡•°ª·º‚≠±œŒ∑„®†ˇ¥Á¨ˆˆØπ∏“«»åÅßÍ∂ÎƒÏ©˙Ó∆Ô˚¬Ò…ÚæÆΩ¸≈π˛çÇ√◊∫ı˜µÂ≤¯≥˘÷¿" {
+        string name "this is an entity with an absurd name just to show characters that are now acceptable as long as they are within double quotes"
+      }
     </pre>
 
     <script type="module">
       import mermaid from './mermaid.esm.mjs';
       mermaid.initialize({
-        theme: 'forest',
+        theme: 'default',
         // themeCSS: '.node rect { fill: red; }',
         logLevel: 3,
         securityLevel: 'loose',
