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

    함께 읽은 게시물

    간밤에 또 빅 AI 업데이트가 있었군요. Claude 4 Opus, Sonnet 패밀리가 발표되었습니다.


    성능이나 다양한 능력이 향상되었고, 트렌드에 맞게(?) 소프트웨어 개발 성능이 또 크게 올랐습니다.


    ... 더 보기

    조회 1,875


    한때 천만원에 거래되었던 Manus, Bedrock 무료 오픈소스로 공개

    ... 더 보기

    LinkedIn

    lnkd.in

    LinkedIn

    🎯 유튜브에 100번째 코딩 테스트 문제 풀이 영상을 올렸습니다!

    ... 더 보기

    달레의 코딩 테스트

    www.youtube.com

    달레의 코딩 테스트