web-dev-qa-db-ja.com

IDEまたはgraphviz用のWYSIWYGエディタはありますか?

実際、私はgraphvizのGUIをダウンロードしました(サイトを覚えていません)。Apple Design Award。それは単に「Graphviz」と呼ばれています... Graphvizテクノロジーを使用するためのより良いツールがあると思います。

私はこれを試しました: リンクテキスト

Apple Design Awardを受賞したと彼らは言っていますが、私は本当に特別なGUIを見ることができません。非常に貧弱なインターフェースです。

32
Thanks

Graphviz.appの現在のバージョンには、上記の rampionのスクリーンショット に示されている「外部エディター」ボタンが含まれていません。または、「レンダリング/停止」ボタンがあり、「設定」ボタンが「属性」に置き換えられています。ただし、説明どおりに使用できます。

http://graphviz.org/Download_macos.php から「graphviz-2.27.20101110.0545.pkg」をダウンロードしました。 Graphvizと呼ばれるさまざまなものをダウンロードする場所がいくつかあることに注意してください。

最初のものを使用して、私は最新の開発スナップショットを選択しました-メーリングリスト( interest および devel )を一目見ると、まだかなりアクティブであることがわかります。 pixelglowのサイトから、2004年の「コンテンツは間もなく公開されます」というメッセージがまだ残っていることがわかります。

とにかく、2.27を起動すると、「開く」ダイアログが表示されます。 .dotファイルを開くとグラフが表示されますが、キャンセルするとメニューバーに変わります。がっかりしないで、テキストでファイルを作成してください

graph graphname {
}

それをsomething.dotと呼びます。

それをGraphvizで開くと、空のグラフを含むGUIが表示されます。

alt text

次のように、さらにテキストをファイルに入力します。

graph graphname {
  a -- b -- c -- d -- a;
  a -- c;
  b -- d;
}

これを表示するために保存すると、Graphvizウィンドウが自動的に更新されます。

alt text

「属性」ツールボックスには多くのオプションがありますが、手動でソースを編集するように見えます。私は一種の「頂点を追加」ボタンと「エッジを追加」ボタン、そして頂点を移動する機能を期待していましたが、それは明らかにそうではありません。

したがって、どうやら、WYSIWYGエディターは画面の片側ではお気に入りのテキストエディターであり、反対側ではGraphvizです。 IDEに関する限り、現時点で利用可能な最良のものは、DOT形式の documentation のプリントアウトであるように見えます。WYSIWYGエディタに関するすべての人の考えではありませんまたはIDE、しかしそれはおそらくアクティブなユーザーのために動作します。

21
Kevin Vermeer

Graphviz.app には、現在のドットファイルを外部エディターで開くコマンドがあります。これを使用すると、ファイルハンドルの変更を監視し、外部エディターで保存するたびにグラフを更新します。これにより、WYSIWYGインターフェイスとして機能させることができます。

graphviz

左上隅の[設定]の横にある[編集]ボタン。

実際、それはとにかく継続的にファイルハンドルを監視しているので、Graphviz.appでドットファイルを開き、vimを起動してドットファイルを編集し(set backupcopy=yesで)、各:wの後にグラフの更新を監視します。

9
rampion

あなたが何を求めているのかは正確ではありませんが、これから述べるプロジェクトの可能性は非常に大きいです。graphvizのファンとして、私は今何ができるのかに本当に驚いています。

短い歴史:

  • http://ushiroad.com/jsviz/ -ushiroadがこのリルの男を料理しました。 Emscriptenプロジェクトを使用して、レイアウトと基本的なノードを純粋なjavascriptアプリとして取得できるように、graphvizを十分にクロスコンパイルしました。 DOT srcフレームの右下にある小さな丸い矢印ボタンをクリックする必要があります。

唯一の欠点(これは、graphvizをJavaScriptに移植することの素晴らしさを決して損なうものではありません)は、それを使用してできることの制限です。基本的には、いくつかの主要な形状のノードを持つ単なるドットレイアウトです。色はサポートされていません。等.

著者は彼の作品をgithubにアップロードするのに十分なほど素晴らしかった https://github.com/gyuque/livizjs

  • https://github.com/mdaines/viz.js -次のレベルに進んだように見えます デモページ から、vis.jsができるように見えますgraphvizの標準ビルドで実行できることはすべて実行しますが、すべてブラウザーで実行します。

だから、もしあなたがそんなに傾いたなら、あなたは CodeMirror (それはviキーをサポートしています)のような軽量の(しかしプロです!) jsvizのようなボタン。

だから、正確にあなたが探していたものではありません。しかし、この問題に少し時間を費やしている人にとっては聖なるモリー-ウェブベースのクライアント側のグラフ作成ツールの恵みが待っています。

8

優れた OmniGraffle は* .dotファイルをインポートできますが、残念ながら、元に戻して編集結果をドットファイルとしてエクスポートすることはできないと思います。

3
user100977

DottyというUIがありました。とても使い心地が良かったのを覚えていません。

http://linux.die.net/man/1/dotty

2
philcolbourn

Pixelglow は、あなたが参照しているサイトのように見えます。

私は彼らが今iPhone対応のソリューションを提供していることに気づきました(!)

1
Brian Agnew

別の解決策は tintf かもしれません。残念ながら、ソースコードを直接編集することはできません。

0
exhuma