2009-05-02 16 views
30

実際に私はgraphvizのためのGUIをダウンロードしていた(サイトを覚えていない)。彼らはApple Design Awardを受賞したと言った。しかし、そのツールは実際に作成した* .dotファイルしか表示しません。それでおしまい。これは単に「Graphviz」と呼ばれています...私は、Graphvizテクノロジーを使用するための優れたツールがあると思います。graphvizのIDEまたはWYSIWYGエディタはありますか?

私はこの1つを試してみました:link text

彼らはAppleのデザイン賞を受賞したと言うが、私は本当にそこに特別なGUIを見ることができません。インターフェースが非常に悪い。

+3

( "FOO =の.png" 画像を認識いくつかのシステムのためのヒントですか)?視覚的なプロパティの編集? –

+1

Atomエディタ用のプラグインは、GraphVizプロジェクトを扱うためのトップノッチです - https://atom.io/packages/graphviz-preview –

+0

graphvizの画像をリアルタイムでレンダリングできるSublime Text 3 Pluginもあります。 https://packagecontrol.io/packages/Graphvizer – haolee

答えて

8

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

graphviz

「設定」の隣の左上隅にある「編集」ボタンの、。

実際にはファイルハンドルを継続的に監視していますので、Graphviz.appでドットファイルを開き、vimを起動してドットファイル(​​)を編集し、それぞれ:wの後にグラフの更新を見てください。

+0

あなたがPixelglowソフトウェアについて話しているなら、私はエディタを起動するオプションがありません。単に* .dotファイルを開き、それを表示します。他に何もない。どのソフトウェアを意味しますか? – Thanks

+0

私はpixelglowからGraphviz.appについて話しています。上記のスクリーンショットを参照してください。 – rampion

+0

これは1.13(16)のバージョンです。私は今すぐ新しいもの(graphviz-2.22.2.pkg)をインストールしようとしましたが、私のマシン上で動作させることができませんでしたので、別のインターフェースを持つかもしれません。 – rampion

1

Pixelglowは、あなたが参照しているサイトのようです。私は、彼らが今IPhone対応のソリューションを提供します注意

(!)

+0

そうですが、それはオプションではありません。彼らはむしろ彼らのMacアプリを改善すべきだと思う;)...本当に、このアプリはスクリーンショットが示すものにも近くない。これは、ファイルを開き、ズームイン/ズームアウトできるメニューバーのみで構成されています。それ以上のキャパシティはありません。私は彼らが賞を受賞したとは思わない。 – Thanks

+0

はい。私はそれを見ていない。私は人々の参照のためだけにそれに注意してください –

+0

はい、元は、主にマック技術への適応のための賞を受賞しました。 Graphvizレンダリングエンジンの完全な書き換えであったため、分岐してしまいました。現在、GlenはMacとWindows上でGraphVizの表示とレンダリングを行うための新しいGUIに取り組んでいます.MacとWindowsはGUIの品質は少し上がりましたが、ソースのメイントラックにあります。私は、AT&Tが彼の仕事の一部に資金を提供しているが、iPhone上の優れたInstavizに資金を提供しているとは思わない。 –

3

優れたOmniGraffleは* .DOTファイルをインポートすることができますが、悲しいことに、私はそれが戻ってあなたが往復することができると思うと、編集結果をエクスポートしません。ドットファイルとしてネイティブに。

+0

OGはgraphvizを使っていますが、私が知っている限り...いつか、私はアプリストアでコインを作ってOGを取得すると思います) – Thanks

0

もう1つの解決策は、tintfuです。残念ながら、ソースコードを直接編集することはできません。

+2

私はそれを使う方法を理解できませんでした...それdoesn任意のグラフィック出力を表示することはできません。左ペインでグラフを編集するよりもテキストエディタを使用する方が簡単です。 – Qwertie

+0

私はただそれを自分で素早く試してみました。私はそれを試したとき、それは広告として働いた。しかし、あなたが言うように、手でソースを編集する方がずっと簡単なので、私はこのアプリをフォローアップしませんでした。 – exhuma

2

dottyというUIがありました。私はそれを使用することは非常にいいことを覚えていません。

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

+3

Dottyは絶対に恐ろしいです。グラフィックスの不具合が絶えずあり、変更を保存する方法がわからず、とにかく変更が必要なのは本当に難しいです。 – Qwertie

+2

使いやすさと不具合を除いて、私の数学の教授は、それが行く方法だと言いました。 –

18

Graphviz.appの現在のバージョンは、上記rampion's screenshotに示す「外部エディタ」ボタンが含まれていません - または/停止ボタンをレンダリングし、それが「属性」と「設定」ボタンを置き換えています。しかしながら、それは記載されたように使用することができる。

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

最初のものを使用して、私は、最新の開発スナップショットを選択しました - メーリングリスト(interestdevel)を一目瞭然にしてもまだかなりアクティブであることがわかります

とにかく、2.27を起動すると、「開く」ダイアログが表示されます。.dotファイルを開くとグラフが表示されますが、キャンセルするとメニューバーだけになります。落ち着かないでください。

graph graphname { 
} 

という名前のファイルを作成し、それをsomething.dotと呼んでください。

オープンGraphvizの中にいる、とあなたは、空のグラフでGUIを取得する:

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

Graphvizのウィンドウ:このように、ファイルの中にいくつかのより多くのテキストで

alt text

タイプ保存すると自動的に更新され、次のように表示されます。

alt text

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

明らかに、WYSIWYGエディタは、画面の片面に好きなテキストエディタ、もう一方はGraphvizです。限り、IDEが行く限り、現在入手可能な最良のものは、DOT形式のdocumentationのプリントアウトです。みんなWYSIWYGエディタやIDEのアイデアはありませんが、おそらくアクティブなユーザにはうってつけです。

+1

これは*現在の* GraphVizバージョンでこれを行う方法を説明しているので、これは「正しい」回答として選択する必要があります。 – chaimp

+0

@jeffp - 2009年の11月以来の質問の著者は見られていないので、それは起こりそうにない。加えて2.28上に開発が進んで2.29になったので、これは本当に現在の*ではありません。しかし、これは1.13よりも最新のもので、最も投票率の高い回答に挙げられているバージョンです。 –

7

あなたが求めているのは正確ではありませんが、私が言及しようとしているプロジェクトの可能性はかなり大きいです.Graphvizのファンとして、私は今できることに本当に驚いています。

短い歴史:

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

唯一の側面(決してgraphvizをjavascriptに移植する際のawesomenessを減らすことはできません)は、あなたができることの制限です。それは基本的にちょうどいくつかの主要な形のノードを持つドットレイアウトです - 色をサポートしていません。など

著者は、https://github.com/gyuque/livizjs

  • https://github.com/mdaines/viz.js githubのに彼の作品をアップロードするのに十分な最高だった - それはvis.jsがすべてを行うことができているように見えるdemo pageから、次のレベルにそれを取ったように見えますgraphvizの標準ビルドは、すべてあなたのブラウザで行うことができます。

ですからがそのように傾いた場合には、 - (!しかし、プロ)あなたはかなり簡単に(それはviのキーをサポートしている)CodeMirrorのようにブラウザ内エディタを軽量のものを取ることができる - とリグアップボタン「をレンダリングします」 jsvizのように。

あなたが探していたものではありません。しかし、この問題に少し時間を費やす人のための神聖なモリー - Webベースのクライアントサイドのグラフ作成ツールが待っています。

+0

私はvis.jsが有望に見えることに同意しますが、残念ながらGitHubにコミットしていません。前。 –

関連する問題