수동 노드 레이아웃 제어를 통해 고성능 방향성 그래프 시각화를 제공하는 JavaScript 라이브러리는 무엇입니까?

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

질의:

유향 그래프 시각화를 위한 JavaScript 라이브러리를 찾는 개발자는 종종 성능에 대해 문의합니다. 노드를 수동으로 조작하는 기능 레이아웃.

답변:

GraphDracula:

GraphDracula는 SVG를 사용하여 JavaScript 기반 방향성 그래프 시각화를 제공하여 이러한 요구를 충족합니다. 렌더링 및 노드 드래그 기능. 액세스 가능한 JavaScript API를 사용하면 원활한 그래프 생성이 가능합니다.

var g = new Graph();
g.addEdge("strawberry", "cherry");
g.addEdge("cherry", "apple");
g.addEdge("id34", "cherry");

추가 라이브러리 옵션:

• vis.js: 포괄적인 네트워크/ 자동 레이아웃, 자동 클러스터링 및 모바일을 통한 에지 그래프 지원 호환성.
• Cytoscape.js: jQuery와 유사한 규칙을 사용한 대화형 그래프 분석 및 시각화.
• Jit(JavaScript InfoVis Toolkit): 힘 방향에 중점을 둔 목적 그래프 그리기 및 레이아웃 프레임워크 레이아웃.
• D3.js: 그래프 그리기 예제가 포함된 광범위한 시각화 라이브러리로 사용자 정의 노드 레이아웃이 가능합니다.
• Plotly: JS 시각화 라이브러리 호환 D3.js를 사용하면 Python, R 및 바인딩을 통해 그래프 시각화가 가능합니다. MATLAB.

기타 주목할만한 라이브러리:

• sigma.js: 그래프 그리기를 위한 경량 라이브러리
• jsPlumb: 대화형 그래프용 jQuery 플러그인 생성.
• Springy: Force-directed 그래프 레이아웃 알고리즘.
• JS Graph It: 자동 레이아웃이 포함된 상자 드래그 앤 드롭 라인.
• RaphaelJS Graffle: 다음을 사용한 대화형 그래프 예 벡터 드로잉 라이브러리.
• JointJS Core: 정적 또는 대화형 도구를 위한 오픈 소스 다이어그램 라이브러리.
• mxGraph: Apache v2가 포함된 HTML5 다이어그램 라이브러리 .0 라이센스.

상업용 솔루션:

• GoJS: 대화형 그래프 그리기 및 레이아웃 라이브러리.
• HTML용 yFiles: 상업용 그래프 그리기 및 레이아웃 도서관.

폐기됨 라이브러리:

• Cytoscape 웹: 내장형 JS 네트워크 뷰어(Cytoscape.js에 의해 계승됨).
• Canviz JS: Graphviz 그래프용 렌더러, 포기됨 2013.
• arbor.js: 2012년에 폐기된 물리 및 시각 기능을 갖춘 정교한 그래프 라이브러리.

위 내용은 수동 노드 레이아웃 제어를 통해 고성능 방향성 그래프 시각화를 제공하는 JavaScript 라이브러리는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!