Railroad Diagram Generator

This generator will allow you to enter the Railroad Diagram code into the Diagram Code section and see the results in the SVG Code section as well as a viewable image in Generated Diagram section at the bottom of the page.

Instructions

The Instructions and Examples pages will show you how to construct your Railroad Diagram.

Diagram Code Buttons

• Copy will copy the commands to your clipboard.
• Reset will reload the default commands.
• Open will allow you to load a previously saved Diagram Code text file.
• Save will save the commands to a text file that will be downloaded to your computer.

SVG Code Buttons

• Copy will copy the SVG code to your clipboard.
• Copy w/ Style does the same thing as "Copy", but adds the light mode Cascading Style Sheet data to the clipboard as well.
• Save will generate an SVG file that will be downloaded to your computer.

Generated Diagram Buttons

• Save will generate a PNG file that will be downloaded to your computer.

Diagram Code Copy Reset Open Save

SVG Code Copy Copy w/ Style Save

Diagram( Group( Sequence( Optional( Sequence( NonTerminal('Company Name', '', '', 'optional-path'), Terminal(',', '', '', 'optional-path') ), 'skip' ), NonTerminal('Addressee Name'), Terminal(','), NonTerminal('Street One'), Terminal(','), Optional( Sequence( NonTerminal('Street Two', '', '', 'optional-path'), Terminal(',', '', '', 'optional-path') ), 'skip'), NonTerminal('City'), Terminal(','), NonTerminal('State'), Terminal(','), NonTerminal('Postal Code') ), 'US Postal Address' ) )

Generated Diagram Save