마크다운을 마인드맵으로 MarkMap

Markmap 은 마크다운 형식을 마인드맵으로 바꿔줌.

vs 코드에서도 사용 가능함 

 

개요

https://markmap.js.org/repl

https://markmap.js.org/repl

 

 

선택할수 있는 옵션

옵션명	타입	기본값	설명
color	string | string[]	d3.schemeCategory10	브랜치와 노드 색상. 미지정 시 기본 색상 사용.
colorFreezeLevel	number	0	지정한 레벨\uuae4c지 색상가 고정. 0이면 고정 없음.
duration	number	500	노드 접간/포푸는 시 애니메이션 시간 (ms).
maxWidth	number	0	각 노드 내용 최대 너비. 0이면 무제한.
initialExpandLevel	number	-1	처음 레너드 시 확장할 최대 레벨. -1이면 모든 레벨 확장.
extraJs	string[]	없음	추가 로드할 JavaScript 파일 리스트. (KaTeX 등 기능 추가 가능)
extraCss	string[]	없음	추가 로드할 CSS 파일 리스트.
zoom	boolean	true	마크맵 확대/축소 허용 여부.
pan	boolean	true	마크맵 이동(패닝) 허용 여부.
htmlParser	{ selector: string }	없음	내부 HTML 파서에 전달할 옵션. (표시할 요소 셀렉터 등)
spacingHorizontal	number	80	노드 간 가로 간격.
spacingVertical	number	5	노드 간 세로 간격.
activeNode	{ placement: 'center' | 'visible' }	{ placement: 'visible' }	활성 노드를 화면에 보여주거나 중앙에 위치.
lineWidth	number	없음	노드 간 연결선 두꿔. (v0.18.8부터 지원)

 

 

색조합 바꾸고싶을때 참고 문서 

• https://dongou.tech/ai/dongou/generating-mind-maps-and-customizing-colors-in-ai-applications/
  • https://observablehq.com/@d3/color-schemes?collection=@d3/d3-scale-chromatic