Spaces:

Omnibus
/

Mermaid-script

Running

Omnibus commited on Feb 19, 2024

Commit

b6faec5

verified ·

1 Parent(s): ff49273

Update index.html

Files changed (1) hide show

index.html CHANGED Viewed

@@ -8,17 +8,27 @@
 <style>
   .chart{
-    background:blue;
-  }
 </style>
 	</head>
 	<body>
  <div class="chart">
         <pre id = "test1" class="mermaid">
 graph TD
-A[Start] --> B[Task 1]
-B --> C[Task 8]
-C --> D[End]
         </pre>
  </div>

 <style>
   .chart{
+    align-content: center;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
 </style>
 	</head>
 	<body>
  <div class="chart">
         <pre id = "test1" class="mermaid">
 graph TD
+    A[Start]
+    B[Input User Request]
+    C[Generate Mermaid Graph]
+    D[Present Mermaid Graph]
+    E[End]
+    A --> B
+    B --> C
+    C --> D
+    D --> E
         </pre>
  </div>