bnf - Herramienta para generar el diagrama del ferrocarril utilizado en json.org

diagramming

Question

Me encanta la sintaxis de los diagramas de ferrocarriles en json.org que son una representación gráfica del lenguaje BNF. No he encontrado ninguna herramienta que pueda producir resultados de manera elocuente.

¿Alguien puede identificar la herramienta utilizada para generar estos diagramas?

Answer 1

de Douglas Crockford
a Aleem B
Fecha martes, 28 de abril de 2009 a las 6:01 p.m.
subject Re: Railroad Diagrams en json.org

Los dibujé con Visio. Creative Docs.NET también funciona bien.

-

Aleem B escribió:

Hola Douglas,

Disfruto muchísimo de la mayoría de las cosas que publica y los diagramas de ferrocarriles en json.org no son diferentes. He estado tratando de buscar una herramienta que genere diagramas casi tan elocuentes pero que no haya tenido suerte:

Herramienta para generar diagrama de ferrocarril utilizado en json.org

¿Hay alguna herramienta que utilizó para convertir el BNF a estos diagramas o fueron hechos a mano?

- Aleem

Answer 2

Eche un vistazo a http://code.google.com/p/html-railroad-diagram/ que genera diagramas de trenes HTML. Hay un example que muestra el ferrocarril JSON generado en una página HTML por JavaScript con enlaces.

Answer 3

Encontré la herramienta J-algo. Creo que es muy fácil dibujar un diagrama, pero no puedo exportar a la imagen u otro tipo.

http://j-algo.binaervarianz.de/index.php

Answer 4

Hay un generador de diagrama de ferrocarril en línea . Crea diagramas de sintaxis SVG, también conocidos como diagramas de ferrocarril, a partir de gramáticas libres de contexto especificadas en EBNF . Puede copiar el código SVG o tomar capturas de pantalla.

Tienes que escribir la gramática y hará el diagrama.

Por ejemplo, para crear el primer diagrama de ferrocarril que muestre, usaría el código:

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

Luego puede continuar definiendo string y value usando string ::= ... y value ::= ... Todas las referencias se muestran.

Vea algunos de los diagramas de ejemplo en la página. Tienen XML e incluso EBNF.

Answer 5

Hubo una pregunta similar hace unos días: ¿Cuál es una buena herramienta para crear diagramas ferroviarios?

Esa pregunta fue acerca de cómo se generaron los diagramas de sintaxis SQLite en los diagramas de ferrocarril. La respuesta aceptada encontró que los diagramas se generaron usando una DSL escrita en Tcl.

Otra respuesta ofreció una sugerencia para usar un generador de diagramas que funciona a partir de la gramática EBNL.

Answer 6

Me parece recordar que IBM tiene una herramienta que construye tales diagramas como parte de su suite BookMaster SGML. Los diagramas de ferrocarriles se usan a menudo en la documentación de mainframe.

Answer 7

También he estado buscando las herramientas utilizadas para generar estos diagramas de sintaxis y, si es posible, en la js library para que puedan editarse y visualizarse sin esperar un momento aburrido para que aparezca un gráfico.

Sé que hay herramientas por ahí, pero diría que el generador de bottlecaps.de tiene un buen gráfico con la opción de color. Lamentablemente, no pude obtener el código fuente de la herramienta.

También me referí a las preguntas relacionadas con las respuestas aquí, pero obtuve los siguientes, donde podemos obtenerlo como js library código abierto y proporcionamos una demostración en línea donde podemos probar y jugar .

• generador de diagramas de ferrocarril de tabatkins , en js (la sintaxis también existe como una biblioteca de Python )
• js-sequence-diagrams de bramp , en js pero UML (la sintaxis se genera a través de bottlecaps.de )
• umlClass de GoJS , en js pero solo para UML

Answer 8

Una de las cosas que maneja bien el generador de seguimiento ferroviario de IBM son los valores predeterminados. No he visto otro generador que haga esto.

Un ejemplo es

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

Answer 9

Tab Atkins Jr. creó un generador de diagrama de ferrocarril de Javascript usando svg específicamente porque no pudo encontrar uno que tuviera el atractivo visual que quería, es decir, " el aspecto de JSON.org ".