# GitHub, 마크다운에 Mermaid 다이어그램 지원 시작

> Clean Markdown view of GeekNews topic #5982. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=5982](https://news.hada.io/topic?id=5982)
- GeekNews Markdown: [https://news.hada.io/topic/5982.md](https://news.hada.io/topic/5982.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2022-02-15T10:48:46+09:00
- Updated: 2022-02-15T10:48:46+09:00
- Original source: [github.blog](https://github.blog/2022-02-14-include-diagrams-markdown-files-mermaid/)
- Points: 13
- Comments: 2

## Topic Body

- 코드블록에 mermaid 문법으로 다이어그램 구문을 넣으면 Mermaid.js 가 받아서 브라우저에서 그림으로 표시

ㅤ→ 플로우차트, UML, Git 그래프, 고객 여정 다이어그램, 간트 차트등을 지원

- GitHub의 HTML pipeline 에 태워서 JS 지원환경이 인식되면 iframe을 통해서 Viewscreen 서비스로 동작

## Comments



### Comment 8909

- Author: jjpark78
- Created: 2022-02-15T11:21:48+09:00
- Points: 1

깃랩은 mermaid, platuml, kroki 등을 지원하지요.. ㅎ

### Comment 8907

- Author: kbumsik
- Created: 2022-02-15T10:52:41+09:00
- Points: 1

Mermaid 다이아그램은 좀 못생겨서...PlantUML이나 Graphviz 를 지원했으면 좋겠네요.