마크다운 스타일의 다이어그램 작성 도구 - 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

    함께 읽은 게시물


    알아 알아 알아! 🤣

    ... 더 보기

    이제 개발자(응용 애플리케이션 개발자, 대부분의 백엔드도 응용 어플리케이션이다)는 더이상 병목이 아니어야한다. 오히려 기획자와 디자이너가 병목이 되게 만드는 개발자만이 살아남을 것이며, 이전에도 그랬지만 앞으로는 더더욱 개발자가 기획 및 디자인 역량도 갖추어야 경쟁력이 있을 것이다.


    예상대로 OpenAI에서 GPT-5를 발표했습니다.

    ... 더 보기

    오늘의 탐라는 “ChatGPT 쓰셨던데 그러고도 개발자입니까?” 인가..

    ... 더 보기

    오픈소스 쓰셨던데 그러고도 개발자입니까?

    www.haruair.com

    오픈소스 쓰셨던데 그러고도 개발자입니까?

    📝 GPT-5 간단 테스트 for S/W 엔지니어링

    ... 더 보기

    조회 1,127