2013-02-23 9 views
0

내 웹 사이트에 3 단계가 있습니다.그래프 웹 사이트 탐색 자바 스크립트

First : 1 : 90: (link) 
      95: 281: (link) 
       139: (link) 
     2 : (link) 
     3 : 12: 124: (link) 
     4 : (link) 

Second: 5 : (link) 
Others.. 

내가가 원하는 것을 달성하기 위해 발견 가장 좋은 예는, http://arborjs.org/의 메인 페이지이었다 :에 대해 현재 탐색은 즉시, 첫 번째 단계는 당신이 당신의 마우스를 이동 한 후 때, 볼 , 다음 단계가 나타납니다. 하지만 Chrome에서만 좋은 성능을 제공하며 다른 브라우저에서는 작동하지 않습니다.

데이터 양은 많지 않습니다 (최대 4^3 노드). 그러나 찾을 수 없습니다 솔루션 woking 충분하게

+0

4^3? 64을 의미합니까? –

+0

예, 예를 들어 모든 노드에 4 개의 하위 노드가 있으며 세 번째 노드에는 4^3 – rodi

답변

0

나는 이것이 css3을 통해 드롭 다운 메뉴와 유사하게 할 수 있다고 상상할 것이다. 나는 directed graph에 대한 css3 구현을 찾지 못했지만 JavaScript에서 다음 라이브러리를 찾았습니다.

  • D3 : D3.js는 데이터를 기반으로 문서를 조작하기위한 JavaScript 라이브러리입니다. D3은 HTML, SVG 및 CSS를 사용하여 데이터를 실제로 사용할 수 있도록 도와줍니다. 웹 표준에 대한 D3의 강조는 강력한 시각화 구성 요소와 DOM 조작에 대한 데이터 중심 접근 방식을 결합하여 독점적 인 프레임 워크에 묶이지 않고 최신 브라우저의 모든 기능을 제공합니다.
  • Processing.js : Processing.js는 웹 용으로 설계된 인기있는 Processing Visual 프로그래밍 언어의 자매 프로젝트입니다. Processing.js는 데이터 시각화, 디지털 아트, 대화 형 애니메이션, 교육용 그래프, 비디오 게임 등을 웹 표준을 사용하여 플러그인없이 사용할 수 있도록합니다. 처리 언어를 사용하여 코드를 작성하고 웹 페이지에 코드를 포함시키고 나머지는 Processing.js로 처리합니다. 마술이 아니라 거의.