네트워크 그래프 라이브러리 7개 요약

네트워크 다이어그램

이런 느낌의 물건.
연관도라든지 관계도라든지 사교도표라든지 이번에는 인터넷 도표를 호칭으로 삼았다.
Spysee2

당신은 이 슬라이드를 미리 훑어볼 수 있습니다.
(2017.6.9) Neo4j의 Visualization Library 요약

네트워크 갤러리

대충 조사해 봤는데 이것을 실현할 수 있는 자바스크립트 라이브러리는 다음과 같은 6개가 있다
이름:
정보량
실현이 쉬운 정도
확장성
동작이 가볍다
Neo4j 사용 예제
시험을 준비하다
D3.js
◇(주의 버전)
0(jquery 쓰기)
◎
〇?
△(중국권)
참조가 많기는 하지만 원래 차트 DB를 대상으로 하는
sigma.js
○ (일본어 작음)
△
?
◎(WebGL)
△(영어권)
SVG,Canvas,WebGL 대응,Neo4j 사용 예
vis.js
〇
◎
△
〇
○ (영어권)
웅얼웅얼 움직이다
VivaGraphJS
△(Giithub에만 해당)
?
△
◎
×
양방향 화살표 있음
Cytoscape.js
○ (일본어 작음)
△
〇
〇
0(확장 지원)
개발자가 일본인이 있어요.
cola.js
△
〇
◎
○(노드 수 100 이하 권장)
〇
D3.js、Cytoscape.js 조합
KeyLines
◎
〇
△
◎
◎
HTTPS가 지원됩니다.유상

참조 페이지

D3.js

D3.jsv4/v5 force simulation 최소 설정 - 샘플
d3.js에 엄청난 그림(force layout)을 만들었는데 생각보다 간단하더라고요.

sigma.js

How to use Sigmajs to display your graph ?

vis.js

Network Examples
vis.js 쓰기 네트워크 사용하기
vis.js로 도표 묘사

VivaGraphJS

VivaGraphJS
Amazon Visualization

Cola.js

Cola.js
cola.js 데이터 설정에 따라

Cytoscape.js

Cytoscape.js 해봤어요.
Cytoscape.js에서 상호작용 도표 구조 그리기 - WordNet의 시각화 예시
자율 분산 감시 시스템이 네트워크 도표를 이용하여 시각화하는 도전
CYTOSCAPE 데이터를 사용한 시각적 MotDB

종합적으로 고려하다.js와cola.js를 같이 쓰는 게 좋을 것 같아요.

Data Visualization Library로 유명한 D3.js입니다. 하지만 이번 목적을 가진 Neo4j에서 가져온 데이터를 표시하는 데 시간이 걸릴 것 같습니다.

Cytoscape.확장 기능을 사용하면 js에서도 Neo4J를 지원할 수 있습니다.또 일본인 개발자가 있기 때문에 일본어로 본인에게 물어볼 수 있다

사용자가 GUI를 기반으로 모양새를 사용자 정의할 수 있음

하면, 만약, 만약...

유료지만 품질, 지원이 모두 보장되는 KeyLinus도 괜찮다.
네오4j의 알기 쉬운 도입 사례도 있어 노동시간을 줄일 수 있을 것 같다.

데스크톱 응용 프로그램 Cytooscape도 유효합니다.

Cytoscape.js는 원래 학술을 위한 Cytooscape을 자바스크립트 라이브러리로 만들었다.
만약 웹 응용 프로그램에 얽매이지 않는다면, 모두 영어일 것이다. 그러나, 이쪽은 아마도 쉽게 사용할 수 있을 것이다.