Take the 2-minute tour ×
Programmers Stack Exchange is a question and answer site for professional programmers interested in conceptual questions about software development. It's 100% free, no registration required.

In http://www.json.org Douglas Crockford shows the specs of the JSON format in two interesting ways:

In the right side column he lists a text spec that looks like a YACC or LEX listing.

In the main body of the homepage, he put several images that gives us a simple way to visually understand the valid sequences that composes a JSON string.

Those images look like a description of the path that a finite state automaton would follow when parsing the JSON string.

Wich are the names (if any) of that listing format and that kind of graphics?

Is there any software that renders a source file containing the specification into that kind of images?

share|improve this question
3  
The name you are looking for is "Syntax Diagram" or "Railroad Diagram". stackoverflow.com/questions/796824/… might be useful to you. –  Jake Woods Dec 17 '12 at 23:11
    
Thanks! Would you mind posting that as an answer, so I can accept it? –  Sebastián Grignoli Dec 18 '12 at 0:26
    
No problem, glad to help. –  Jake Woods Dec 18 '12 at 3:20

1 Answer 1

up vote 4 down vote accepted

The name you are looking for is "Syntax Diagram" or "Railroad Diagram". This question on Stack Overflow gives a good overview of some of the available tools for generating these types of diagrams.

According to this answer by aleemb, which contains an email response from Douglas Crockford, the diagrams on json.org were made using Microsoft Visio, but Creative Docs.NET is also a viable tool. This answer by Peter Ajtai suggests the Railroad Diagram Generator which takes a formatted context-free grammar and converts it into an SVG image that can be downloaded.

A similar question on Stack Overflow also provides other tools, such as the EBNF-Visualizer and Graphviz.

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.