내가 <code>a</code> 의미 그래서 <code>a => [x,y,z]</code>가 <code>y</code> 및 <code>z</code> 에 <code>x</code> 접속된다 값은 키에서 진행 에지리스트가 자바 스크립트

내가 매우 d3.js 추천 할 것입니다 몇 가지 알려진 통증이 작업을 수행 할 것입니다 자바 스크립트 패키지 (입력 가장자리, 자바 스크립트를 통해 출력 그래프)

'캔버스 '로 직접 그려 볼 수 있습니다 – Stasel

비슷한 주제 : http://stackoverflow.com/questions/1448319/recommendations-for-visualising-a-directed-graph-in-a-web-ui – user1205577

http://arborjs.org/ 귀하의 청구서에 부합 할 수 있습니다. – AKX

은 무엇 API는 직관적으로 데이터를 시각화하는 훌륭한 일을한다. 일부 예제 출력은 here (d3noob.org)과 here (bl.ocks.org)입니다.

작성 방향 지정 그래프의 기본 연습은 d3noob.org here에서 사용할 수 있습니다.

2013-03-19 11:34:52

정말 대단 했어. 감사! –

Cytoscape.js를 사용해 볼 수 있습니다. Javascript의 그래프 분석 및 시각화 라이브러리입니다. http://cytoscape.github.com/cytoscape.js/

엔드 포인트 마커 (예 : 화살표)가있는 가장자리를 지원하기 때문에 방향성있는 그래프에 유용합니다.

면책 조항 : Cytoscape.js에 관여합니다.

2013-03-26 15:59:01 maxkfranz

내가 <code>a</code> 의미</p> <p>그래서 <code>a => [x,y,z]</code>가 <code>y</code> 및 <code>z</code></p> <p>에 <code>x</code> 접속된다 값은 키에서 진행 에지리스트가 자바 스크립트