diagram/chart tool - Mermaid

[lepffm]

벌써 Mermaid + ChatGPT 글이 올라오는 시기에 늦은 감은 있지만..

Introduction

• Mermaid is Diagramming and charting tool.
• Generate diagrams from markdown-like text.

support diagram

• Flowchart
• Sequence diagram
• Class diagram
• State diagram
• Pie chart
• ERD

integration

• GitHub : Issues, Discussions, pull requests, wikis, and Markdown files
• GitLab
• Notion
• IntelliJ plugin

Good

• write mark down style text
• write once use everwhere(📐)

comparison

• draw.io vs mermaid
  • draw.io 는 WISYWIG 기반으로 좀더 일반적인 작성자 및 사용자에게 유용
  • mermaid 는 technical 문서를 대상으로 지속적인 형상관리도 필요한 경우

reference

• Mermaid
• Mermaid Documentation
• Live Editor
• write mermaid with ChatGPT
• https://docs.mermaidchart.com/plugins/mermaid-chart-gpt

[lepffm]

```mermaid
%%{init: {'theme':'forest'}}%% 
mindmap
  root((**MERMAID**))
    A((Intro))
      Generate diagrams from markdown-like text
      (Good)
        (text format)
        (using vcs)
      (Bad)
        No WISIWIG
        some learning curve
        humble styling    
    B((Support<br/>Diagram))
      Flowchart
      UML diagrams
      Pie Chart
      ERD

    C((Integration))
      GitHub
        Issues<br/> Discussions<br/> PR, wikis<br/> markdown files
      GitLab
      Notion
      IntelliJ IDEA
    (vs<br/>draw.io)
        WISYWIG
        일반 사용자에게 더 친숙
        형상관리X  

%%{init: {'theme':'forest'}}%% 
mindmap
  root((**MERMAID**))
    A((Intro))
      Generate diagrams from markdown-like text
      (Good)
        (text format)
        (using vcs)
      (Bad)
        No WISIWIG
        some learning curve
        humble styling    
    B((Support<br/>Diagram))
      Flowchart
      UML diagrams
      Pie Chart
      ERD

    C((Integration))
      GitHub
        Issues<br/> Discussions<br/> PR, wikis<br/> markdown files
      GitLab
      Notion
      IntelliJ IDEA
    (vs<br/>draw.io)
        WISYWIG
        일반 사용자에게 더 친숙
        형상관리X