마크다운 스타일의 다이어그램 작성 도구 - mermaid

벌써 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 https://github.com/mermaid-js/mermaid

  • Mermaid Documentation https://mermaid.js.org/

  • Live Editor https://mermaid.live/

  • write mermaid with ChatGPT https://medium.com/onthelook/mermaid-chatgpt-%EB%A5%BC-%ED%99%9C%EC%9A%A9%ED%95%98%EC%97%AC-1%EB%B6%84%EB%A7%8C%EC%97%90-uml-diagram-%EA%B7%B8%EB%A6%AC%EA%B8%B0-e449c0716394

  • https://docs.mermaidchart.com/plugins/mermaid-chart-gpt


원문

https://github.com/lepffm/issuance/issues/188


Example

재미삼아 만들어본 mind map

https://github.com/lepffm/issuance/issues/188#issuecomment-2183771772

다음 내용이 궁금하다면?

또는

이미 회원이신가요?

2024년 6월 22일 오전 4:09

댓글 1