답변:
가 온라인 철도 다이어그램 생성기 . EBNF에 지정된 문맥없는 문법 에서 철도 다이어그램이라고도 하는 SVG 구문 다이어그램을 생성 합니다 . SVG 코드를 복사하거나 스크린 샷을 찍을 수 있습니다.
문법을 입력해야 다이어그램이 만들어집니다.
예를 들어 첫 번째 철도 다이어그램을 만들려면 다음 코드를 사용합니다.
object ::= '{' ((string ':' value ) ( ',' string ':' value )*)? '}'
그런 다음 계속해서 정의 string
하고 value
사용할 수 string ::= ...
있으며 value ::= ...
참조가 모두 표시됩니다.
페이지에서 몇 가지 예제 다이어그램을 확인하십시오. 그들은 XML과 심지어 EBNF 자체를 가지고 있습니다.
Douglas Crockford
에서 Aleem B
까지 날짜 2009 년 4 월 28 일 화요일 오후 6:01
제목 Re : Railroad Diagrams on json.orgVisio로 그렸습니다. Creative Docs.NET도 잘 작동합니다.
-
Aleem B는 다음과 같이 썼습니다.
안녕 더글라스,
나는 당신이 거기에 내놓은 대부분의 것을 즐겁고 json.org의 철도 다이어그램도 다르지 않습니다. 나는 다이어그램을 거의 웅변 적으로 생성 할 수있는 도구를 찾으려고 노력했지만 운이 없었습니다.
json.org에서 사용되는 철도 다이어그램 생성 도구
BNF를 이러한 다이어그램으로 변환하는 데 사용한 도구가 있습니까? 아니면 손으로 제작 했습니까?
-알림
Tab Atkins Jr. 는 다음을 사용하여 Javascript Railroad-diagram Generator 를 만들었습니다.svg특히 그는 그가 원하는 시각적 인 매력, 즉 " JSON.org 모양 " 을 가진 것을 찾을 수 없었기 때문 입니다.
며칠 전 비슷한 질문이있었습니다. 철도 다이어그램을 만드는 데 좋은 도구는 무엇입니까?
그 질문은 SQLite 구문 다이어그램의 철도 다이어그램이 어떻게 생성되었는지에 관한 것이 었습니다. 허용 대답은 다이어그램이 티클로 작성된 DSL을 사용하여 생성 된 것을 발견했다.
또 다른 답변 은 EBNL 문법에서 작동하는 다이어그램 생성기를 사용하라는 제안을 제공했습니다.
나는 또한 이러한 구문 다이어그램 을 생성하는 데 사용되는 도구를 찾고 있었고 가능하면js library
하면 그래픽이 올 때까지 지루한 시간을 기다리지 않고 편집하고 표시 할 수 있도록했습니다.
나는 도구가 알고 거기는 하지만 난에서 발전기 말할 것 bottlecaps.de가 컬러 옵션으로 좋은 그래픽을 가지고 있습니다. 불행히도 나는 도구의 소스 코드를 얻을 수 없었습니다.
여기에있는 관련 질문에 대해서도 살펴 보았지만 오픈 소스로 얻을 수있는 다음과 같이 시도해 볼 수js library
있는 온라인 데모를 제공 했습니다 .
js
( 구문 A와 존재 Python
아니라 라이브러리)js
있지만 UML ( 구문 을 통해 생성된다 bottlecaps.de )js
에서만 발견됨J-algo 도구를 찾았습니다. 다이어그램을 그리는 것은 매우 쉽다고 생각하지만 이미지 나 다른 유형으로 내보낼 수 없습니다.
HTML 철도 다이어그램을 생성하는 http://code.google.com/p/html-railroad-diagram/ 을 살펴보세요 . 있습니다 예를 보여준다는 JSON 철도 링크와 자바 스크립트로 HTML 페이지에 생성 된 것으로는.