force-layout

1열

1답변

D3.js : JSON 파일에서 다중 네트워크로드 (강제 레이아웃 포함)

별도의 JSON 파일에 저장된 여러 네트워크 (노드 + 링크)가 있습니다. D3.js에서 Force Layout으로로드하고 개별로드하고 잘 레이아웃합니다. 그러나 한 번에 하나씩 같은 페이지에있는 파일을로드하는 기능을 추가하고 새 네트워크가 JSON 파일에서로드 될 때마다 강제 레이아웃을 다시 시작하려고합니다. 새 네트워크가 JSON 파일에서로드 될 때 어

1열

1답변

d3.js의 고정 노드를 고정하지 않음

고정 된 d3.js 강제 레이아웃 노드를 만들려면 어떻게해야합니까? d.fixed = false로 설정하면 작동하지 않습니다. http://bl.ocks.org/norrs/2883411과 유사한 코드가 있습니다. 그래서 끌기에 d.fixed = true를 설정합니다. 부울로 d.fixed를 평가해도 문제가되지 않습니다. 하지만 노드를 고정 할 수 있기를 바

5열

2답변

Constrained d3.js 강제 표시

강제 레이아웃 (그래프 시각화 용)을 사용하여 약간 일반적인 것을하고 싶습니다. 별자리와 모두가 재미 있지만, 시계열 데이터의 경우 그다지 도움이되지 않습니다. 예를 들어, 시각화의 "탄력성"을 유지하면서 데이터 집합에 나타나는 시간에 따라 노드를 레이아웃하여 일부 레이아웃으로 레이아웃을 제한 할 수 있기를 바랍니다. d3을 사용하여이 작업을 수행 할 수

5열

1답변

D3.js 강제 레이아웃을 사용할 때 원에 텍스트를 배치하는 방법은 무엇입니까?

<!DOCTYPE html> <html> <meta charset="utf-8"> <style> .node { stroke: #fff; stroke-width: 1.5px; } .link { stroke: #999; stroke-opacity: .6; } </style> <body> </body>

4열

1답변

접을 수있는 포스 레이아웃의 자식 (d3.js 개체) 하이퍼 링크

d3.js에서 프로그래밍하는 방법을 알지 못합니다. 내 질문이 간단하거나 어리 석다는 것을 알고 있습니다. 이 시각화 http://bl.ocks.org/mbostock/1093130, 계층 구조의 마지막 개체 (오렌지 것들) 하이퍼 링크를 추가하여 수정하려고합니다. 누군가가 부모 요소를 클릭 할 때 이미 무언가가 벌어지고 있음을 이해합니다. 그러나 마지막

5열

1답변

메시지 "형식 오류를 d3.js : N 정의되지"이 사이트에서 코드를 시도했다

(힘 레이아웃 D3 세계지도를 위해) : http://bl.ocks.org/bycoffe/3230965 내가 "그 오류를 가지고 계속 n은 정의되지 않음 ". 더 Down 스케일링시 , 난 문제가이 라인 인 결론에 도달했다 : (function() { var width = 800; var height = 700; var pa

1열

1답변

D3 포스 레이아웃의 노드에 고정 픽셀을 주면 노드를 드래그 앤 드롭하는 방법

모든 노드에 대해 고정 된 위치를 지정합니다. 여기 노드를 드래그 앤 드롭 할 수 없습니다. http://jsfiddle.net/manimegala/mVmjc/2/ var data = {"nodes":[ {"name":"YHO", "full_name":"Yahoo", "type":1, "slug": "www.yahoo.com", "entit

1열

1답변

D3 Force Layout의 최대 거리 제한은 무엇입니까?

SVG 요소가 서로 겹치는 것을 방지하기 위해 음전하가 작은 힘 레이아웃을 사용하고 있습니다. 그러나 항목을 원본 위치의 약 20 픽셀 이내로 유지해야합니다. 항목이 이동하는 총 순 X/Y 거리를 제한하는 수단이 있습니까? 각 SVG 요소는 버스 정류장을 나타내므로 항목이 겹치지 않지만 원래 위치에서 너무 멀리 이동하지 않는 것이 중요합니다.

4열

1답변

d3 힘 레이아웃 반발 충전 공식

힘 레이아웃에서 충전의 반발력을 계산하는 공식 D3을 변경하는 방법이 있습니까? D3 charge force follows the inverse-square law은 이미 언급 한 바 있습니다. 하지만 노드 간의 거리가 멀어 질수록 더 빨리 붕괴되도록하고 싶습니다. 수식이 charge/distance^3 또는 charge/distance^4과 같은 형태로

4열

1답변

D3에서 노드를 클릭 할 때 링크 및 노드를 표시하고 숨기는 방법 Javascript

클릭 이벤트가 작동하는 방식을 이해하려면이 D3 Javascript 링크 (>http://bl.ocks.org/mbostock/1093130)를 따르려고합니다. 불행히도 전체 코드를 완전히 이해할 수 없었습니다. 현재 내가하려고하는 것은 파란색 노드를 클릭하면 다른 두 노드와 해당 링크가 표시됩니다. 같은 노드를 다시 클릭하면 두 노드와 해당 링크가 숨겨져