마인드맵

프로젝트에서 필요한 마인드맵을 구현하기 위해 라이브러리를 찾던 중 가장 적합한 라이브러리에 대해서 학습한 내용을 정리하고자 한다. 요구사항노드의 크기가 3개 이상일 것엣지 커스텀 유무데이터를 자유롭게 추가, 삭제 가능마인드맵 라이브러리다양한 라이브러리를 찾아봤는데 커스텀에 용이하고 대규모 그래프를 위한 레이아웃 엔진을 제공하는 `Cytoscape`로 선정했다. Cytoscape(Github / Cytoscape.js)대규모 그래프를 위한 레이아웃 엔진 내장그래프 데이터 구조와 스타일을 JSON 형식으로 관리 가능복잡한 노드 스타일링과 인터랙션 지원Cytoscape 라이브러리기본 세팅1. next 프로젝트 생성npx create-next-app@latest .2. cytoscape 라이브러리 및 타입 설치..
개발찾아 삼만리
'마인드맵' 태그의 글 목록