Railroad Diagram Generator
This generator will allow you to enter the Railroad Diagram code into the Diagram Code section and see the results as a viewable image in the SVG Diagram section as well as the resulting code in the SVG Code section.
Diagram Code and Options
[us-postal-address.txt]
px. | The minimum vertical separation between lines |
px. | The arc radius for corners |
px. | The average width of characters in Terminal or NonTerminal text |
px. | The average width of characters in Comment text |
px. | Comments and group labels are pushed down by this amount |
px. | Group labels only are pushed down by this amount |
Item alignment when there's more space than they need |
Diagram as an Image
Diagram as Text
SVG Code
Help
The Instructions and Examples pages will show you how to construct your Railroad Diagram.
Diagram Code and Options Buttons
- will copy the Diagram Code to your clipboard.
- will reload the default Diagram Code.
- will allow you to load a previously saved Diagram Code text file.
- will save the Diagram Code to a text file that will be downloaded to your computer.
- will reset the Diagram Code to an empty diagram.
- will reset the Diagram Code Options to their default values.
Diagram as an Image Buttons
- will generate a PNG file using the light color scheme that will be downloaded to your computer.
- will generate a PNG file using the dark color scheme that will be downloaded to your computer.
Diagram as Text Buttons
- will copy the Text Diagram to your clipboard.
- will save the Text Diagram to a text file that will be downloaded to your computer.
SVG Code and Image Options Buttons
- will copy the SVG code to your clipboard.
- Cascading Style Sheet data as well. does the same thing as "Copy", but adds the
- will generate an SVG file that will be downloaded to your computer.
- will reset the SVG Diagram options.