graphviz visual editor

GraphViz-Visual-Editor

http://magjac.com/graphviz-visual-editorでお試しください。

DOT言語で説明されているGraphVizグラフのインタラクティブな視覚編集のためのWebアプリケーション。

インストール

 git clone https://github.com/magjac/graphviz-visual-editor
cd graphviz-visual-editor
npm install
make
npm run start

注：メイクステージはいくつかの警告を発します。それらを無視します。

アプリケーションの最適化されたビルドを作成するには：

 npm run build

Create ReactアプリREADMEおよびユーザーガイドから詳細をご覧ください。

実装された機能

• テキストドット表現からのグラフのレンダリング。
• グラフをパンしてズームします。
• コンテキストに敏感なテキストエディターでドットソースを編集します。
• マウスの相互作用によるグラフの視覚編集：
  • クリックまたはドラッグアンドドロップでノード形状を挿入します。
  • デフォルトのノードスタイル、色、充填物を選択します。
  • ノードの間にエッジを描画します。
  • クリックまたはエリアでノードとエッジを選択し、テキストエディターでマークを付けます。
  • 選択したノードとエッジを削除します。
  • 選択したノードをカット/コピーアンドペーストします。
• グラフが視覚的に編集されたときのドットソースの自動更新。
• ドットソースが編集されたときのグラフの自動更新。
• 変更が行われたときに、グラフを新しい状態にアニメーション化した遷移。
• ブラウザのローカルストレージに自動保存して取得することにより、ページ中のドットソースとアプリケーションの状態を保存します。
• このようなURLからURLとしてグラフをエクスポートし、グラフをインポートします。
• SVGとしてグラフをエクスポートします。
• オプション：
  • グラフを利用可能な図面エリアに自動的に取り付けます。
  • GraphVizレイアウトエンジンを選択します。
• オンラインヘルプ：
  • キーボードショートカット
  • マウスの相互作用

テストされたブラウザ

• Firefox 71
• クロム79

既知の問題

既知の問題はここにリストされていません。

既知のすべてのバグと拡張リクエストは、GitHubの問題として報告され、[問題]タブにリストされています。

すべての未解決の問題

バグと拡張リクエストの両方をリストします。

既知のオープンバグ

オープンエンハンスメントリクエスト

既知の制限

制限は、完全な機能なしで意図的にリリースされる機能です。制限は、バグとして、また著者の観点からはまだ実装されていない強化であるが、ユーザーの観点からのバグとして認識される可能性があることを反映するための強化要求の両方として分類されます。

閉じた問題

ロードマップ

多くのクールな機能がありません。それらは、GitHubの拡張要求としてリストされているか、リストされます。

短期的な活動を示すプロジェクト委員会もあります。