Update example.md

BPM/graphic_editor/mermaid_etc/mermaid/example.md

@@ -1,6 +1,76 @@
 ### mermaid example
+
  ```mermaid
  sequenceDiagram
     Alice->>John: Hello John, how are you?
     John-->>Alice: Great!
  ```
+ ```
+ sequenceDiagram
+    Alice->>John: Hello John, how are you?
+    John-->>Alice: Great!
+ ```
+
+Sample Diagrams 
+[sequence](https://mermaid.live/edit#pako:eNptkE1vhCAQhv8KO9eqUaOCHLZp2kO3SU-9NV6IjB-JwpaFtNb434tabzunGXiegbwz1FoicLjhl0NV40svWiPGShFfT0NfY3g-P7zpTnHyisOgydoHpNPfRBgkk3aPd-Edq4VaEdKhMGTEf3S9Cz0abo5f3O92QC6bsdFeO93HL6RBHEhrUNgTBNCaXgK3xmEAI5pRrCPMq1yB7XDECrhvJTbCDbaCSi1euwr1qfV4mEa7tgPeiOHmJ3eVwh5pHIhwVn9Mqj5mlL3V5n1PcAvSr0El0TxrpyzwItmeAT7DD_AkKSNKkzJLUpZnZRoXAUz-OE4jVlLKioKyrCgZWwL43X4WR4zmsa-0iCmN03z5A8kZhVM)
+
+---
+### best
+#### EPC
+mermaid diagram (copy)   
+``` mermaid
+flowchart TB
+    subgraph workflow [Workflow]
+        direction TB
+        Event1{{Событие1}} --> Function1[Операция1] --> Event2{{Событие2}}
+    end
+    
+    subgraph docflow [Docflow]
+        direction TB
+        Document1[/Документ1/]
+        Document2[/Документ2/]
+    end
+    
+    docflow ~~~ Function1
+    
+    Document1 -.->|входящий| Function1
+    Function1 -.->|исходящий| Document2
+
+    class Event1,Event2 event;
+    class Document1,Document2 document;
+    class Function1 function;
+    
+    classDef event fill:#ffcccc,stroke:#d6b656,stroke-width:2px;
+    classDef function fill:#e1f5e1,stroke:#4caf50,stroke-width:2px,rx:8,ry:8;
+    classDef document fill:#cccccc,stroke:#555,stroke-width:2px;
+```
+code:
+```
+flowchart TB
+    subgraph workflow [Workflow]
+        direction TB
+        Event1{{Событие1}} --> Function1[Операция1] --> Event2{{Событие2}}
+    end
+    
+    subgraph docflow [Docflow]
+        direction TB
+        Document1[/Документ1/]
+        Document2[/Документ2/]
+    end
+    
+    docflow ~~~ Function1
+    
+    Document1 -.->|входящий| Function1
+    Function1 -.->|исходящий| Document2
+
+    class Event1,Event2 event;
+    class Document1,Document2 document;
+    class Function1 function;
+    
+    classDef event fill:#ffcccc,stroke:#d6b656,stroke-width:2px;
+    classDef function fill:#e1f5e1,stroke:#4caf50,stroke-width:2px,rx:8,ry:8;
+    classDef document fill:#cccccc,stroke:#555,stroke-width:2px;
+```
+#### 072
+- [072v1](https://mermaid.live/edit#pako:eNrtXVtv2zYU_iuEnhzAFmz5IkUbCqRxhmVrtjYuMGDzQGgW4wizJU-W13RFgbbbnvrQbthTB6SXDXs00mIZ0rVN_wL9j3aoi-925HaGJZkvCSmfjybPRx6eQ_Ekt4SapRNBFeq21jpEV_Y_qJr0GX3bu0Mf0eMSymQuIfqQ_kKfYvoX_ZM-S3k15NU-_Ma-RI97d-kbek5fwM-T3gMUSDynJ_DkX3qSRrUDZ2OyLZU-7N3p_ZwX86lUv7gxV1BtWwfODc0mqVRQmgboy9PHMJIz6MQr6MzfbjdPMX1Mj1VfMgMot5vsKQj17vV-oucAet27j6W97S1cvryr0if0TEp9Na015LaGxlpDk60h1hqC1pjSJHFTzLMCaCaNlFz26w1UNbf39zA08zvKiKhtdewaQeL40Hyp7kVSI1Um6mh2nTie6CPo0imM4Aw6eN9tLGG0P6WnMJYX7Cd2h3UGdJzTf2DUb6D8UsVbLa12SPB1q1nTnD7BQzg0FYc8HPJwTBGbYlZUiqzkfQR0Fjid_zOd_gBPMIzxLn0L_XwFvXJJ6T1Q8ee2VmsQ_En5UzygMsCgqRjkYRBgEFNATgYeczlW9D7hPC5jWQIVvXswyNdDtjiN6TF9Chb5CRu9W8HDK3FodY7BXeObRi4ceXC3gobhLrtZUWK_baJnWFe5zb2Y3EPN1j1yg9J8co-hG7DX9X6EQbIunrgm8zSNodMDLvHWdx3NNjptvK2UBqt1FhiNgFEARgB2l-313EeoIikfu_bX_3BtyZUG5EpzyZUWXLkSrKc_4PlvKr5qtZ26Tdr4qm3hHdMhdss22mRojXqCKBBEIIgGgu5qLIol0TW1LV-oZVuctWWwxu1tbMhdzN5Ks0zmiLmlJwsaXDSGnm5xy4oSA4MbdCYFBcQKrM9BeYTEbZtojmFtjMDm7ZmTMrPXZiAbJij1OxIi4PQl2ZAU8Fw33bF5z6Z7rsPaG1N0XPR2URggfrZzPbT_z4QD7ZVYYc-o2ZZvrJKpv19h9M8zo-7YLtuZTeJA4cCym6w7Jq4Q-3ujRtppvLtb6Wt0ChwFcDQER304Ari_HWTXQ8Xzd9z--PEXhqlbN9qupomNpawkhdx2-20gvw3ktYFYG0wNFUczddhBYqzwmVvhpMLD7oJl0miA83qD2Dt6nSy8DTI46sPZ4Pflkjun2SdR0e4Ub2NSJvx0HnL7BzO3cu3KjFnrO_6DCQqi45NzEAigHd1g1iKS03QJily5XShrjlYjTP_jKs_FR-WhLYO0WstwpL-_bcgPBtYN9Nsd0m_3Qv12Q1je7gJbXXd1Xmz3Ir3NkpofKURcx6vxeNdT15H1jtd06sfDk04QOfP31m7Uve5YMDHLy-ku4Fh2I-Shr6vSY-LNJ4ie0NYpqp7_UrmYIpQafdZnaPgxfdO7T18iYOkcBgkjoy-9uy_jDO40mtrGrG-a-3Z5nvicF1qTsDCRx86VvS18-eoernQMh0x7Pzk7FmFYBFjkYsdeWRZESQQ_rehe9GGSg4U28Z5i-JXGVO4mHy4WEq4V2WFCILxt2QTvd0zHaJKF4iHEkMhHXhQccaaXynQUAzBO-XIXd-SDPD4BQk6A2dcX5k2AiAWS68r2tGsq88TfabmvMljlxC6Z2OgHxHwKhJwC72LJIxh0r4Bvnim1XplSeZ4plaRMqTzPlEpEplSeZ0ol9-Z-nmdKJTdTKs8zpWKYKZXnmVLc3vJMqThmSsn8jukCb-hjo7eI3huNjf7iexc0PlM0Ifc7V6vwpN_ZXJZ21-4e5rgi-Vn1mp1Vy_ysOkln1TI_q07EWbXMz6qTe3Yi87Pq5J5Vy_ysOoZn1TI_q-b2lp9Vx_GsejmX6sb_SoVuaGxuxyDZqWzUDUdr4GsiS2K5rJnfGmY9RFTr49AIjunrSDxiv3wNJOnmZNRJ5klOa0Q2z3NayyXOU50SNAd4tlO8CecJT5xbnvPEZwFPe1qUciEt1G1DF1TH7pC00CTgbrKqcKtqIlQVnEPSJFVBhaJODrROw6kKVfM2wFqa-aVlNQOkbXXqh4J6oDXaUOu0dM0hZUOr21pfROs4VuWmWQvqBEyeZe95_7LK_c9V0AwxdWJvWxDdCGph0_0aQb0lHEEtKyolJS9LUlHOKoqSTws3BTWTK8glUSlIuU05m98sybnS7bTwg9uzgljIZnPFklKUsopclHK3_wO72tq_)
+-