자바 스크립트에서 대화 형 페이지 만들기

Question

자바 스크립트로 사용자 친화적 인 대화 형 페이지를 만들고 싶습니다. 페이지의 목적은 입니다. 연결된 그래프를 입력으로 가져 와서 다양한 작업을 수행하십시오. 입력 방법은 노트북에서 이론적으로 만든 것과 같아야합니다 (원과 선을 연결하는 선이 있어야 함). 사실 저는 어디에서 시작해야 할 지 약간 혼란 스럽습니다. 내가 전에 생각한 것 : 1. 사용자가 특정 단추 (고유 한 id 포함)를 클릭하면 jQuery를 사용하여 원형 div을 만듭니다. 2. div을 드래그하고 놓을 수있게 만듭니다. 3. 선을 사용하여 두 div를 연결하십시오.

나는 여기 붙어있어, 3 점. 공간을 사용하여 두 개의 div 요소를 연결하고 그 사이의 거리를 사용자의 입력으로 어떻게 연결합니까? 배열을 사용하여 거리를 저장하려고합니다.

어떻게 도와 드릴까요? 나는 JavaScript와 jQuery를 알고있다. 모든 참조 자료 나 안내 또는 추가 읽기 자료도 환영합니다.

Answer 1

자바 스크립트 라이브러리 D3.js을 살펴보십시오.

D3가 사용자의 요구에 완벽하게 부합하는 것처럼 들립니다. jQuery만큼 쉽습니다.

D3은 배열 조작과 관련이 있습니다. 이는 사용자가 찾고있는 것처럼 들립니다. .

특히, D3 Force Layout API 당신이 가장 관심 무엇을 할 수