Flowchart
Mermaid로 플로우차트를 그려보자
Nodes and Edges
노드와 노드 사이의 간선은 -->로 표현할 수 있다.
Node Shapes
노드의 모양(shape)을 간단한 문법으로 바꿀 수 있다.
별의 별 모양이 다 있다. (영단어 공부를 하는 기분이다.)
Links
노드와 간선의 종류는 대충 알아본 것 같고... 이제 실제로 사용을 해보자.
Examples
-
를 몇 개 넣느냐에 따라 최소 길이를 지정할 수 있다.
-
차이에 따라 이렇게 다를 수 있다(-
개수만 다르다):
위처럼 서브그래프를 넣을 수도 있다.
패키지 의존성을 표현할 때 쓸모가 있을 것 같다.
위와 같이 이렇게 스타일링도 가능하다.
이렇게 CSS처럼 클래스를 주는 것도 가능하다. 🙃
My Thoughts
확실히 자유도가 높은 건 알겠다.
나는 이 중에서 각종 노드, 엣지 타입이나 스타일링은 그렇게 잘 안할 것 같긴 하다. 그냥 디폴트로 쓸 것 하다. 😅
REF
Last updated
Was this helpful?