Cytoscape.js 대용량 데이터 성능 대 sigma.js

Question

~ 1,000 개의 노드와 ~ 5,000 개의 가장자리가있는 cytoscape.js에서 그래프를 렌더링하는 데 많은 문제가 있습니다. 렌더링하는 데 오랜 시간이 걸리며 브라우저가 오버로드되어 있기 때문에) 동일한 크기의 그래프가 잘 나타나고 sigma.js (http://sigmajs.org/)와 잘 작동합니다.

두 라이브러리에서 왜 이렇게 큰 성능 차이가 있는지 궁금합니다. 가능한 한 문서화되고 작업하기 쉽기 때문에 가능한 경우 cytoscape.js를 사용하고 싶습니다. 브라우저에서 꽤 큰 그래프로 작업 할 수 있다면 그렇게 할 수 있습니다.

아이디어가 있으십니까?

Answer 1

시그마에는 뷰포트 이벤트의 가장자리 렌더링을 사용하지 않도록 설정하는 것과 같은 빠른 처리가 가능한 해킹이 있습니다. 트렁크에서 make all 트렁크를 사용하는 경우 hideEdgesOnViewport init 옵션을 사용하면 원하는 것을 수행 할 수 있습니다. 이는 시그마와 거의 같은 수준의 성능을 제공합니다.