작은 드래그 앤 드롭 방식의 방향성 그래프를 가장 잘 시각화하는 JavaScript 라이브러리는 무엇입니까?

그래프 시각화를 위한 JavaScript 라이브러리

문제:

방향 그래프를 동적으로 렌더링하려면 JavaScript 라이브러리가 필요합니다. HTML 페이지. 그래프는 상대적으로 작으므로 성능은 주요 관심사가 아닙니다. 또한 노드를 드래그하여 레이아웃을 수동으로 조정할 수 있는 기능이 필요합니다.

해결책:

GraphDracula

• SVG에서 유향 그래프 레이아웃을 지원하는 MIT 라이선스 JavaScript 라이브러리 format.
• JavaScript 코드를 사용하여 쉽게 노드와 에지를 생성할 수 있습니다.
• 강제 기반 그래프 레이아웃 알고리즘을 포함하고 노드 드래그를 지원합니다.
• 아직 개발 중이지만, 대부분의 용도에 완벽하게 사용 가능.

기타 옵션:

• vis.js: 네트워크/에지 그래프, 타임라인 및 다양한 차트 유형을 지원하는 다목적 라이브러리.
• Cytoscape.js: 모바일 지원 및 jQuery와 유사한 대화형 그래프 분석 및 시각화 라이브러리 규칙.
• Jit: 그래프 그리기 및 레이아웃을 위한 대화형 프레임워크.
• D3.js: 강제 방향 그래프를 지원하는 강력한 시각화 라이브러리 .
• Plotly: D3.js를 사용하는 시각화 라이브러리 JavaScript, Python, R 및 MATLAB용 바인딩.
• sigma.js: 그래프 그리기를 위한 경량 라이브러리.
• jsPlumb: jQuery 플러그- 대화형 연결 그래프를 만드는 데 사용됩니다.
• Springy: 강제 방향 그래프 레이아웃 알고리즘.
• JS Graph It: 선으로 연결된 상자 드래그 앤 드롭.
• RaphaelJS의 Graffle: 대화형 그래프 벡터 드로잉 라이브러리를 사용한 드로잉 예제.
• JointJS Core: 대화형 다이어그램 도구를 지원하는 오픈 소스 다이어그램 라이브러리.
• mxGraph: 대화형 그래프 그리기 및 레이아웃을 위한 상용 라이브러리.

버려진 라이브러리:

• Cytoscape Web
• Canviz JS
• arbor.js

JavaScript가 아닌 라이브러리:

• Graphviz(JavaScript용 Emscripten 포트)
• Flare(Flash 기반)
• NodeBox(Python)
• 처리 .js(JavaScript 포트 처리중)

위 내용은 작은 드래그 앤 드롭 방식의 방향성 그래프를 가장 잘 시각화하는 JavaScript 라이브러리는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!