2011-11-22 13 views
6

状態図を生成したいと考えています(下図参照)。状態図を作成するドラッグ/ドロップ

このユーザーフレンドリーにしたいと思います。もし誰かがそのような図を望むなら、彼は円/矢をドラッグ・アンド・ドロップしてそれらを接続し、記述(1,2,3 .....、a、b、c ....)などを入れることができる。それはウェブベース

これを行うためのopensource/freeライブラリがあるかどうかわかりません。

ダイアグラムを対話形式で生成するにはどうすればよいですか?

どのようなアイデアや提案が大歓迎です。

ありがとうございます。

enter image description here

+0

あなたの質問は何ですか? – TJHeuvel

+0

私はすでに編集して質問をしています。ありがとう –

+0

まだ具体的な質問はありません。あなたがそれを構築するのを妨げているのは何ですか?明らかに利用可能な完全なパッケージはありません。時にはそれに多少の努力を払う必要があります。 – TJHeuvel

答えて

3

は、私の知る限り承知していると確かにこれを行い何もオープンソース/フリーのライブラリはありません。

いくつかのオンラインツールがありますが、ほとんどはyUMLWebsequencediagramsのようなテキストからイメージへの変換を使用します。

RaphealJSまたはjQuery SVGのようなものは、グラフのレンダリングに関して何か面倒な作業をする可能性がありますが、自分ですべてを書く必要があります。

インスピレーションのためにCanvizwwwsqldesignerをご覧ください。

+0

ありがとうPotherca。私は一から始めなければならないようです。 –

1

私のウェブサイトState Machine Diagram Editorをご覧ください。より便利なデスクトップバージョンも存在します。

4

私は同じ行に沿って何かを探していました:JointJS。あなたの目的には非常に有望です。この例は、あなたが始めるのを助けるはずです。

2

Finite State Machine Designerクリック/ドラッグ/ドロップで問題のような図を生成するために使用できます。

また、open sourceです。拡張する必要がありますか。

関連する問題