問題タブ [graph-drawing]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
4376 参照

javascript - Raphael を使用したグラフ描画ライブラリ

Raphaelライブラリを使用してグラフを描画する JavaScript ライブラリを探しています。

今まで私はこれらのものを見つけました:

  1. グラフドラキュラhttp://www.graphdracula.net/
  2. ジョイントhttp://www.jointjs.com/

誰かがそれらを使用していますか? それらの長所/短所を知っていますか? Raphael を使用している他のライブラリを知っていますか?

注意: グラフとは、ノードとエッジのセットを意味し、チャートについて話しているわけではありません。

編集:IE6 +との互換性を提供するRaphaelに基づくライブラリが必要ですが、他のライブラリはHTML5 Canvasで描画され、これは古いブラウザではサポートされていません

0 投票する
1 に答える
487 参照

ios4 - iPhoneでグラフをプロットするための最良の方法はどれですか?

コアプロットのサンプルを見ました。私の仕事を簡単に行う同等のものはありますか?iPhoneのコアプロットの実現可能性も知りたいです。(コアプロットに関する問題)

マルチカラーの縦棒グラフが欲しいです。コアプロットフレームワークをカスタマイズすることは可能ですか?1つの棒グラフのみを使用して、複数のセグメントを含めることができます。

ありがとうございました。
Naveen Thunga ここに画像の説明を入力してください

0 投票する
1 に答える
819 参照

c# - C#でQuickGraphを使用してインデントツリーをレンダリングする方法は?

QuickGraphライブラリを使用してC#で単純なインデントツリーを作成およびレンダリングすることは可能ですか?

0 投票する
1 に答える
124 参照

linux - データの複数チャネルのライブ グラフ化、プラットフォーム/フレームワークの選択

8 つのオシロスコープのようなグラフを表示し、リアルタイムで更新する Linux (できればマルチプラットフォーム) アプリケーションを作成するために、どのフレームワーク / ライブラリ / プラットフォームを提案しますか? 8 つのチャネルが左に着実にスクロールし、最新のデータが右から入ってくる様子を想像しています。

データ ソースは現在開発中のマイクロコントローラー デバイスで、8 チャネルを AD 変換し、すべての測定値を USB 仮想 COM ポートによって PC に送信します。1 秒あたり 100 サンプルのオーダーで考えています。このデータ転送用に独自のプロトコルを作成することはできますが、互換性を確保し、車輪を再発明しないために使用すべき標準はありますか?

(これは、私の車の非 OBD モーターコントローラーで何が起こっているかを監視するための趣味のプロジェクトです)

ありがとう、ラース

0 投票する
1 に答える
3549 参照

layout - Graphviz:特定のノードエッジ接続ポイントを考慮してグラフをレンダリングする方法は?

次のようなレイアウトでグラフをレンダリングしたい:

欲しかった

私はこれを試しました:

次の結果が生成されました:(あまり良くありません...

私の

誰でも私に最も近い解決策を教えてもらえますか? (おそらく全く同じものは作れません)

0 投票する
1 に答える
187 参照

language-agnostic - 力ベースのグラフ描画アルゴリズムでエッジを帯電させますか?

グラフ描画用の力ベースのアルゴリズムをいじる短いミニプログラムを Python で作成しようとしています。

線が交差する回数を最小限に抑えようとしています。ウィキペディアは、互いに反発するように線に電荷を与えることを提案しています。物理の先生にこれをシミュレートする方法を尋ねたところ、彼女はクーロンの法則を使った微積分を使用すると言いましたが、どのように始めればよいかわかりません。

誰かがこれを行う方法についてヒントを教えてもらえますか? (または、力ベースのグラフ描画アルゴリズムを微調整して、線が交差する回数を最小限に抑える別の方法はありますか?) ヒントを探しているだけです。ソースコードはありません。

誰かが興味を持っている場合に備えて、私のソース コードと、それについて作成したYouTube の動画を提供します。

0 投票する
2 に答える
1361 参照

c - グラフ描画アルゴリズム

そのような頂点隣接関係によるマトリスの無向グラフがあります。

このグラフを座標系で描きたいです。任意の方法(力指向、ばね対)によって各頂点位置(x、y)を与えるアルゴリズムは何ですか?描画するライブラリやソフトウェアではなく、擬似コードを要求するだけです。ありがとう。

0 投票する
2 に答える
53 参照

constraints - このグラフの埋め込みは可能ですか? 名前はありますか?

次のように、無向グラフを 2 次元平面に投影したいと考えています。

  1. ユークリッド距離は段階的な距離を保持します (つまり、A と B の間の最短経路が C と D の間の最短経路よりも短い場合、A と B の間のユークリッド距離は A と B の間のユークリッド距離よりも小さくなります)。

  2. ユークリッド距離とステップワイズ距離の最小差が最小化されます。理想的には、一意の最小値がない場合、ソリューションのセットが生成または記述されます。

これが不可能な場合、それを可能にするグラフの制約の最小セットは何ですか? 私は一般的に質問に興味がありますが、現時点では、最小値が削除された有限格子が必要です。

0 投票する
6 に答える
2540 参照

python - UML図でのクラスの配置

PythonプロジェクトをUML図として表示するためのツールを作成しています(+ GUIを使用してコードエラー検出を表示します)

Pyreverseを使用していくつかのプロジェクトをスキャンし、UML図を描画するために必要なすべてのデータを持っています。問題は、キャンバス上のクラスボックスの配置です

まず、すでに実装されている力ベースのアルゴリズムを使用してクラスの位置を決定することにしました。これは非常にうまく機能します。結果は https://github.com/jvorcak/gpylint/blob/master/screenshots/gpylint.png です。コード(Pythonですが、Python以外のプログラマーでも理解しやすいです)

問題が1つあり、グラフを表示するのに最適ですが、UMLを表示したい場合は、いくつかの拡張機能が必要です。たとえば、2つのクラスが1つのスーパークラスを拡張する場合、グラフ内で同じレベルになると予想されます。ドットプログラムによって生成されたグラフのように

これを行う方法をアルゴリズムに教えてください。または、少なくとも私にいくつかのアイデアを教えてください。

0 投票する
1 に答える
1024 参照

javascript - GraphDracula:onclickおよびonmouseoverイベントを検出する方法は?

GraphDraculaは、RaphaelJS に基づく、シンプルで小さなグラフ視覚化ライブラリです。ただし、検出したい2つの非常に重要なものは、onmouseover(ノード上)とonclick(ノード上)です。

たとえば、最も基本的な例では、「cherry」ノードにマウスオーバーすると、チェリーに関する追加の詳細が表示されます。それをクリックすると、警告ボックスが表示されます。

どうやってやるの ?