라이브러리 사용에 관한 논의

[chanKR-hub]

자바스크립트를 통해서 시각화를 할 때 Canvas를 이용하면 너무 비효율 적일 수 있기 때문에 D3.js 또는 Graphlib.js 또는 Joint.js 같은 라이브러리를 쓰는게 어떨까요?

밑에 Document 링크를 남겨놓을 테니 확인 하시고, 의견 남겨주세요.

링크

• D3.js : https://d3js.org/what-is-d3
• Graphlib.js : 구글 이미지 참고
• Joint.js : https://www.jointjs.com/features

[yangshsl]

joint.js로 활용해서 만들면 좋을거같습니다.

[kyahnu]

https://mermaid.js.org/ 이것도 정말 좋은 라이브러리입니다.

파이차트같은 그래프부터, 지하철 노선도 같은 거까지 다양한 거를 그릴 수 있는데

우리 용도에 맞는 게 있는지 보고 활용하는 것도 괜찮을 거 같습니다.

[kyahnu]

여러가지 중에서 시도해 보고 너무 복잡하지 않고 쓰기 편한 걸로 하면 될 거 같네요

[kyahnu]

mermaid를 이용해서 하드코딩으로 이수체계도를 생성한 활동이 PR로 들어와서 저장소에 머지했습니다.

https://github.com/oss2024hnu/coursegraph-js/pull/38

이 방향으로 계속 진행하고 싶다면 이걸 하드코딩이 아니라 YAML이나 JSON등의 입력 형식으로부터 생성하도록 자동화해야겠죠.