이 질문은 새로운 질문입니다. 왜냐하면 D3이 아닌 vivaGraphJS를 사용하기 때문입니다. D3에 대한 몇 가지 질문이 있지만 해결책은 조금 다릅니다. 이 VivaGraph JS를 사용하여 웹 페이지에서 네트워크 그래프를 시각화하려고합니다. 다음은 내 웹 사이트의 샘플 네트워크 그래프입니다. HTML과 자바 스크립트. 내가 원하는 것은 사용자가 특정
Vivagraph.js에서 노드 위치를 가져 오는 데 다음 코드를 시도했습니다. 왜 그것이 undefined를 반환하는지 확신 할 수 없습니다. 내가 console.dir (노드)에 위치가 설정되는 것을 볼 수는 있지만 어떤 이유로 인해 액세스 할 수 없습니다. var layout = Viva.Graph.Layout.forceDirected(graph, {
webGL을 사용하여 링크 된 데이터를 그리기 위해 vivagraphJS를 사용하고 있습니다. 노드를 마우스 오버 할 때이 노드의 각 링크를 그립니다. 그리고이 노드로 마우스를 할 때, 나는 그 링크를 제거하고 싶습니다 .. 그래서, 내 코드가있다 : function removeLink(node, graph) {
graph.forEachLinked
the Interactive Globe: Small Arms Imports & Exports과 같이 webgl에서 그래프의 선에 광선 효과를 추가하고 싶습니다. 저는 Vivagraph.js 라이브러리를 사용하여 Threejs가 아닌 노드와 링크를 표시하고 있습니다. 조각 쉐이더 : precision mediump float;
varying vec4 col
나는 절대적으로 Vivagraph JS을 좋아합니다. 그런 말로, 나는 아마도 WebGL과 관련된 피클을 실행했습니다. 대신 SVG를 사용하여, 나는 비슷한 예를 본 적이 var graph = Viva.Graph.graph();
var layout = Viva.Graph.Layout.forceDirected(graph, {
springL
d3.js를 보았지만 큰 데이터 세트에서는 제대로 작동하지 않는 것 같습니다. svg에서 캔버스로 전환하여 효과를 확인하려고 할 수도 있습니다. 누구나 큰 데이터 세트에서 이것이 얼마나 잘 작동하는지에 대한 통찰력을 가지고 있습니다. 아니면 vivagraph.js 또는 다른 그래프 엔진을 조사해야합니까? 또한 같은 질문에 비슷한 글을 보았지만 3 년 전의
VivaGraphJS로 그래프를 만들었지 만 모든 것이 잘되었지만 그래프가 움직입니다. constantLayout에 대한 예제가 있지만 모든 노드의 위치에 대해 지정해야하는 문제가 있습니다. 여기 코드입니다 : <!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="../js/viv
JS가 처음입니다. Chrome에서이 오류를로드 할 때 왜 아래 오류가 표시되는지 잘 모르겠습니다. vivagraph.js 파일은 html과 동일한 디렉토리에 있습니다. vivagraph.js은 HTML과 같은 디렉토리에있는 경우 <!DOCTYPE html>
<html>
<head>
<title>01. Create Graph. Vivagraph