สร้างผังงานจากสตริง

• เว็บแอปโอเพนซอร์สสำหรับวาดผังงานได้ด้วยการพิมพ์ข้อความเท่านั้น

→ หนึ่งโหนดต่อหนึ่งบรรทัด

→ ย่อหน้าเพื่อสร้างโหนดลูก

→ ใช้ ": " เพื่อกำหนดป้ายกำกับให้เส้นเชื่อม

→ สามารถเชื่อมกับบรรทัดอื่นได้ด้วยหมายเลขบรรทัด (1)

• สามารถปรับตำแหน่งของแผนภูมิที่สร้างแล้วได้ด้วยเมาส์

• รองรับการดาวน์โหลดเป็น SVG

• TypeScript + Cytoscape.js + React

[deadcat]

ส่วนตัวขอแนะนำ vscode + พรีวิว mermaidJS คิดว่าใช้งานได้ดีครับ

https://marketplace.visualstudio.com/items/…

ถ้าใช้ mermaidJS ก็จะเรนเดอร์ให้ใน Markdown ของ GitLab/GitHub ด้วย ทำให้ดูได้สะดวกบนหน้าเว็บของรีโพซิทอรี

https://mermaid-js.github.io/mermaid/#/

ถ้าต้องการวาดแบบง่าย ๆ บนเว็บแอป ก็มีไลฟ์เอดิเตอร์ให้ใช้ครับ

https://mermaid-js.github.io/mermaid-live-editor/#/edit/