問題タブ [vivagraphjs]

リンクされたデータをwebGLで描画するためにvivagraphJSを使用しています。ノードにマウスオーバーすると、このノードから各リンクが描画されます。そして、このノードをマウスアウトすると、それらのリンクを削除したいと思います..だから、私のコードがあります：

そしてvivagraph How Toで行う方法があります：

私の問題は、ノードで mouseIn するとリンクが正しく表示されるが、このノードから mouseOut すると何も起こらないことです...リンクは、私が mouseOut で、データが正しい場合です..)

要素を描画解除するための webGL を使用した別のソリューションがあるかもしれません...

VivaGraphJS でグラフを作成しましたが、すべて問題ありませんが、グラフは動いています。constantLayout に関する例がありますが、ノードごとに位置を指定する必要がある問題があります。

コードは次のとおりです。

そして、定数 Layout に関するコードは次のとおりです。

なにか提案を ！？

私の問題をよく説明したいと思います。ありがとう

JS初心者。これを Chrome にロードすると、以下のエラーが発生する理由がわかりません。ファイルは、vivagraph.jshtml と同じディレクトリにあります。

Vivagraph.js でノードの位置を取得するために、次のコードを試しました。未定義を返す理由がわかりません。

console.dir(node) を実行すると、位置が設定されていることがわかりますが、何らかの理由でアクセスできません。

VivaGraphJS グラフでリンクの重みを指定するには? たとえば、夫婦が大まかにしか知られていない人よりも近くに表示される結果のソーシャル グラフを取得したいとします。

を使用springLengthすると、一般的な距離を定義できますが、リンクごとに固有のものはありません。

DOM 要素の配列があり、それらを反復処理して jQuery を使用してクラスを追加しようとしていますが、jQuery は addClass メソッドでクラスを設定していないようです。ただし、attr 関数は引き続き機能します。私は何を間違っていますか？

これがコンソールからの私の結果です。

http://jsfiddle.net/kf77m/1/

VivaGraph.js ライブラリを使用して、SVG でグラフをレンダリングしています。この投稿で推奨されているように、clipPath要素を使用している円にトリミングされた画像を表示しようとしています。ただし、大文字を含むタイプの新しい SVG 要素を作成すると、たとえば私の場合、コンストラクターに渡す文字列がキャメルケースであっても、clipPathDOM に挿入される要素は小文字になります。clippathSVG では大文字と小文字が区別されるため、この要素は無視されます。他のすべては問題ないようです。

「z-index」を変更することを期待して、子要素を追加する順序も変更しようとしましたが、これには影響しませんでした。

ノードを作成するために、グラフ内のノードの視覚的表現 (「addNode」コールバック) を作成する関数内で次のコードを使用しています。

ありがとうございました！

Interactive Globe: Small Arms Imports & Exports のように、webgl のグラフの行にグロー効果を追加したいと思います。

Threejsではなく、ライブラリVivagraph.jsを使用してノードとリンクを表示しています。

フラグメント シェーダー:

頂点シェーダー:

レンダリング機能:

グロー オン フラグメント シェーダに関する情報を追加するアイデアはありますか? どうも

d3.js を見てきましたが、大規模なデータ セットではうまく機能しないようです。私はsvgからキャンバスに切り替えて効果を確認しようとするかもしれませんが、これが大規模なデータセットでどれだけうまく機能するかについて誰か洞察がありますか.

または、vivagraph.js または別のグラフ作成エンジンを調べる必要がありますか?

さらに、同じ質問で同様の投稿を見ましたが、回答は3年前のものだったので、新しいものが良いかどうかを調べています.

ありがとう