Take a look at http://code.google.com/p/html-railroad-diagram/ which generates HTML railroad diagrams. There is an example that shows the JSON railroad generated in an HTML page by JavaScript with links.

rrdlint - checks the syntax of railroad diagrams in JSON, YAML or JavaScript. rrd2svg - generates railroad diagrams from JSON, YAML or JavaScript to SVG.

This is a small library for generating railroad diagrams (like what JSON.org uses) using SVG, with both JS and Python ports. Railroad diagrams are a way of visually representing a grammar in a form that is more readable than using regular expressions or BNF.

Usage: ebnf2railroad [options] <file> Converts an ISO/IEC 14977 EBNF file to a HTML/Markdown file with SVG railroad diagrams Options: -V, --version output the version number -q, --quiet suppress output to STDOUT -o, --target [target] output the file to target destination.

:steam_locomotive: A small JS+SVG library for drawing railroad syntax diagrams, like on JSON.org. Now with a Python port!

This document contains instructions on how to generate Syntax railroad diagrams for a Chevrotain grammar using the railroad-diagrams library by @tabatkins. JSON Syntax diagrams open in new window. CSS Syntax diagrams open in new window. Highlight usages and definitions on mouse hover. Scroll to definition of non-terminal on mouse click.

This website provides a generator for users to create a SVG or PNG image of a Railroad Diagram (like what JSON.org uses). Company Name, Addressee Name, Street One, Street Two, City, State, Postal Code. Railroad diagrams are called this due to the visual play of imagining you are a little train going down its tracks from beginning to end.

Jun 12, 2012 · Reading and understanding a language’s syntax written in the BNF-like notation used by yacc/bison takes some practice. Railroad diagrams are a much more user friendly notation, but require a lot of manual tweaking before they look as good as the following example from the json.org website:

Syntax diagrams (or railroad diagrams) are a way to represent a context-free grammar. They represent a graphical alternative to Backus–Naur form, EBNF, Augmented Backus–Naur form, and other text-based grammars as metalanguages.

This is a small library for generating railroad diagrams (like what JSON.org uses) using SVG, with both JS and Python ports. Railroad diagrams are a way of visually representing a grammar in a form that is more readable than using regular expressions or BNF.