Различия

Показаны различия между двумя версиями страницы.

--- start [2025/02/13 11:28] – serge
+++ start [2025/02/13 20:04] (текущий) – [Схема системы в С4] serge
@@ Строка 64: / Строка 64: @@
 <mermaid>
-  graph TD
+flowchart TD
-    A(**mermaid**)-->B((__plugin__))
+%% Nodes
-    A-->C(((//for//)))
+    A("fab:fa-youtube Starter Guide")
-    B-->D[["[[https://www.dokuwiki.org/dokuwiki|Dokuwiki]]"]]
+    B("fab:fa-youtube Make Flowchart")
-    C-->D
+    n1@{ icon: "fa:gem", pos: "b", h: 24}
+    C("fa:fa-book-open Learn More")
+    D{"Use the editor"}
+    n2(Many shapes)@{ shape: delay}
+    E(fa:fa-shapes Visual Editor)
+    F("fa:fa-chevron-up Add node in toolbar")
+    G("fa:fa-comment-dots AI chat")
+    H("fa:fa-arrow-left Open AI in side menu")
+    I("fa:fa-code Text")
+    J(fa:fa-arrow-left Type Mermaid syntax)
+%% Edge connections between nodes
+    A --> B --> C --> n1 & D & n2
+    D -- Build and Design --> E --> F
+    D -- Use AI --> G --> H
+    D -- Mermaid js --> I --> J
+%% Individual node styling. Try the visual editor toolbar for easier styling!
+    style E color:#FFFFFF, fill:#AA00FF, stroke:#AA00FF
+    style G color:#FFFFFF, stroke:#00C853, fill:#00C853
+    style I color:#FFFFFF, stroke:#2962FF, fill:#2962FF
+%% You can add notes with two "%" signs in a row!
 </mermaid>