json.orgで使用される鉄道図を生成するためのツール[終了]


99

私はjson.org鉄道図の構文が大好きです。これは、BNF言語をグラフィカルに表現したものです。雄弁に結果を出すことができるツールは見つかりませんでした。

これらの図を生成するために使用されたツールを誰かが特定できますか?

代替テキスト

代替テキスト

回答:


94

あるオンライン鉄道ダイアグラムジェネレータEBNFで指定された文脈自由文法からSVG 構文図(鉄道とも呼ばれる)を作成します。SVGコードをコピーするか、スクリーンショットを撮ることができます。

文法を入力する必要があり、それによって図が作成されます。

たとえば、最初に表示する鉄道図を作成するには、次のコードを使用します。

object ::= '{' ((string ':' value ) ( ',' string ':' value )*)? '}'

ここに画像の説明を入力してください

次に、あなたが定義するために行くことができるstringし、value使用するstring ::= ...value ::= ...参照がすべて表示されます。

このページの図の例をいくつか確認してください。彼らはXMLとEBNF自体さえ持っています。


a)スクリーンショットを作成するb)ページのソースからsvgソースをコピーする以外に、グラフィックを独自のドキュメントに取り込む方法に関するアイデアはありますか?
rudolfson 2012年

1
@rudolfson-独自のロジックを記述できます。中央のロジックはそれほど悪くなく、すべてのコードがそこにあります。次に、ドキュメントに埋め込むだけです。これに基づいてWPプラグインを作成しました。-最も難しい部分は、グラフィックを美しく見せることです。
Peter Ajtai

2
ここで説明するオンライン鉄道図ジェネレータは、生成された図のPNGバージョンを含むZIPファイルを提供します。素晴らしいツール!
セバスティアンGrignoli

2
webappはここに移動したようです:bottlecaps.de/rr
enrico.bacis 2013

ありがとう@ enrico.bacis-更新されたリンク
Peter Ajtai

50

Douglas Crockford
からAleem B
まで2009年4月28日火曜日午後6時1分、
件名Re:json.orgの鉄道図

私はVisioでそれらを描きました。Creative Docs.NETもうまく機能します。

-

Aleem Bは書きました:

こんにちはダグラス、

私はあなたがそこに出すほとんどのものを完全に楽しんでいます、そしてjson.orgの鉄道図は違いはありません。私は図表をほとんど雄弁に生成するツールを探していましたが、運がありませんでした。

json.orgで使用される鉄道図を生成するためのツール

BNFをこれらの図に変換するために使用したツールはありますか、それとも手作りで作成したものですか?

-アレーム


7
補完のために:Tab Atkins Jr.は、SVGを使用してJavascript Railroad-diagram Generatorを作成しました。具体的には、「JSON.orgの外観」など、見た目が魅力的なものが見つからなかったためです。
Potherca 2012


8

数日前に同様の質問がありました: 鉄道図を作成するための優れたツールは何ですか?

その質問は、SQLite構文図の鉄道図がどのように生成されたかに関するものでした。受け入れ答えは、図はTclで書かれたDSLを使用して生成されたことがわかりました。

別の回答は、EBNL文法から機能するダイアグラムジェネレーターを使用することを提案しました。


それに加えて、私がリンクしているウィキペディアの記事にはツールのリストもあります。真の鉄道図には矢印は必要ありません。これらの線路を走行する列車を想像する場合は、どのようなルートを取ることができるか、またはできないかを明確にする必要があります。そして、json.orgの図はとてもきれいなので、それらのツールがあるかどうかを知る必要があります=)すでにこれらのリンクを見たことがありますが、他の人を助けるかもしれません。
aleemb 2009

4

IBMの線路管理ツールがうまく処理できることの1つは、デフォルト値です。これを実行する別のジェネレータを見たことがありません。

例は

          ┌─────◀────┐┌(──«defaults»─)─┐                        
▶▶─COMMAND┴«argument»┴┼────────────────┼──────────────────────▶◀
                      │ ┌────◀─────┐   │                        
                      └(┴┬«option»┬┴┬─┬┘                        
                         └Help────┘ └)┘                         

4

私はこれらの構文図を生成するために使用されるツールも探していました。可能な場合js libraryは、グラフィックが表示されるのに退屈な時間を待たずに編集および表示できるようにします。

私はそこにツールがあることを知っていますbottlecaps.deのジェネレーターにはカラーオプションのある素晴らしいグラフィックがあると言えます。残念ながら、ツールのソースコードを自分で入手することはできませんでした。

私はここで回答の関連する質問にも行きましたが、オープンソースとして入手できjs library、オンラインデモ提供されているため、で試して遊ぶことができるのは以下の質問だけでした。




0

IBMには、BookMaster SGMLスイートの一部としてそのような図を構築するツールがあることを覚えているようです。鉄道図はメインフレームのドキュメントでよく使用されます。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.