File: ebnf_number_parser_diagram.html

package info (click to toggle)
pyparsing 3.3.2-1
links: PTS, VCS
area: main
in suites: experimental
size: 12,200 kB
sloc: python: 30,867; ansic: 422; sh: 112; makefile: 24
file content (531 lines) | stat: -rw-r--r-- 30,590 bytes
parent folder | download | duplicates (6)

<!DOCTYPE html>
<html>
<head>

    
        <style>
            .railroad-heading {
                font-family: monospace;
            }
        </style>
    

</head>
<body>

<meta charset="UTF-8"/>


    <div class="railroad-group">
        <h1 class="railroad-heading" id="number-0010">number</h1>
        <div class="railroad-description"></div>
        <div class="railroad-svg">
            <svg class="railroad-diagram" height="79" viewBox="0 0 692.0 79" width="692.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 38v20m10 -20v20m-10 -10h20" /></g><path d="M40 48h10" /><g>
<path d="M50 48h0.0" /><path d="M642.0 48h0.0" /><g>
<path d="M50.0 48h0.0" /><path d="M642.0 48h0.0" /><g>
<path d="M50.0 48h0.0" /><path d="M282.0 48h0.0" /><path d="M50.0 48a10 10 0 0 0 10 -10v-8a10 10 0 0 1 10 -10" /><g>
<path d="M70.0 20h192.0" /></g><path d="M262.0 20a10 10 0 0 1 10 10v8a10 10 0 0 0 10 10" /><path d="M50.0 48h20" /><g>
<path d="M70.0 48h0.0" /><path d="M262.0 48h0.0" /><g class="non-terminal ">
<path d="M70.0 48h0.0" /><path d="M166.5 48h0.0" /><rect height="22" width="96.5" x="70" y="37"></rect><a xlink:href="#thousands-0006"><text x="118.25" y="52">thousands</text><text x="118.25" y="52">thousands</text></a></g><path d="M166.5 48h10" /><g>
<path d="M176.5 48h0.0" /><path d="M262.0 48h0.0" /><path d="M176.5 48a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10" /><g>
<path d="M196.5 28h45.5" /></g><path d="M242.0 28a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><path d="M176.5 48h20" /><g class="non-terminal ">
<path d="M196.5 48h0.0" /><path d="M242.0 48h0.0" /><rect height="22" width="45.5" x="196.5" y="37"></rect><a xlink:href="#and-0007"><text x="219.25" y="52">and</text><text x="219.25" y="52">and</text></a></g><path d="M242.0 48h20" /></g></g><path d="M262.0 48h20" /></g><g>
<path d="M282.0 48h0.0" /><path d="M505.5 48h0.0" /><path d="M282.0 48a10 10 0 0 0 10 -10v-8a10 10 0 0 1 10 -10" /><g>
<path d="M302.0 20h183.5" /></g><path d="M485.5 20a10 10 0 0 1 10 10v8a10 10 0 0 0 10 10" /><path d="M282.0 48h20" /><g>
<path d="M302.0 48h0.0" /><path d="M485.5 48h0.0" /><g class="non-terminal ">
<path d="M302.0 48h0.0" /><path d="M390.0 48h0.0" /><rect height="22" width="88" x="302" y="37"></rect><a xlink:href="#hundreds-0009"><text x="346" y="52">hundreds</text><text x="346" y="52">hundreds</text></a></g><path d="M390.0 48h10" /><g>
<path d="M400.0 48h0.0" /><path d="M485.5 48h0.0" /><path d="M400.0 48a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10" /><g>
<path d="M420.0 28h45.5" /></g><path d="M465.5 28a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><path d="M400.0 48h20" /><g class="non-terminal ">
<path d="M420.0 48h0.0" /><path d="M465.5 48h0.0" /><rect height="22" width="45.5" x="420" y="37"></rect><a xlink:href="#and-0007"><text x="442.75" y="52">and</text><text x="442.75" y="52">and</text></a></g><path d="M465.5 48h20" /></g></g><path d="M485.5 48h20" /></g><g>
<path d="M505.5 48h0.0" /><path d="M642.0 48h0.0" /><path d="M505.5 48a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10" /><g>
<path d="M525.5 28h96.5" /></g><path d="M622.0 28a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><path d="M505.5 48h20" /><g class="non-terminal ">
<path d="M525.5 48h0.0" /><path d="M622.0 48h0.0" /><rect height="22" width="96.5" x="525.5" y="37"></rect><a xlink:href="#one-to-99-0005"><text x="573.75" y="52">one_to_99</text><text x="573.75" y="52">one_to_99</text></a></g><path d="M622.0 48h20" /></g></g></g><path d="M642.0 48h10" /><path d="M 652.0 48 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
	svg.railroad-diagram {
		background-color:hsl(30,20%,95%);
	}
	svg.railroad-diagram path {
		stroke-width:3;
		stroke:black;
		fill:rgba(0,0,0,0);
	}
	svg.railroad-diagram text {
		font:bold 14px monospace;
		text-anchor:middle;
	}
	svg.railroad-diagram text.label{
		text-anchor:start;
	}
	svg.railroad-diagram text.comment{
		font:italic 12px monospace;
	}
	svg.railroad-diagram rect{
		stroke-width:3;
		stroke:black;
		fill:hsl(120,100%,90%);
	}
	svg.railroad-diagram rect.group-box {
		stroke: gray;
		stroke-dasharray: 10 5;
		fill: none;
	}

/* ]]> */
</style></svg>
        </div>
    </div>

    <div class="railroad-group">
        <h1 class="railroad-heading" id="thousands-0006">thousands</h1>
        <div class="railroad-description"></div>
        <div class="railroad-svg">
            <svg class="railroad-diagram" height="62" viewBox="0 0 321.5 62" width="321.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 21v20m10 -20v20m-10 -10h20" /></g><path d="M40 31h10" /><g>
<path d="M50 31h0.0" /><path d="M271.5 31h0.0" /><g>
<path d="M50.0 31h0.0" /><path d="M271.5 31h0.0" /><g class="non-terminal ">
<path d="M50.0 31h0.0" /><path d="M146.5 31h0.0" /><rect height="22" width="96.5" x="50" y="20"></rect><a xlink:href="#one-to-99-0005"><text x="98.25" y="35">one_to_99</text><text x="98.25" y="35">one_to_99</text></a></g><path d="M146.5 31h10" /><path d="M156.5 31h10" /><g class="terminal ">
<path d="M166.5 31h0.0" /><path d="M271.5 31h0.0" /><rect height="22" rx="10" ry="10" width="105" x="166.5" y="20"></rect><text x="219" y="35">&apos;thousand&apos;</text></g></g></g><path d="M271.5 31h10" /><path d="M 281.5 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
	svg.railroad-diagram {
		background-color:hsl(30,20%,95%);
	}
	svg.railroad-diagram path {
		stroke-width:3;
		stroke:black;
		fill:rgba(0,0,0,0);
	}
	svg.railroad-diagram text {
		font:bold 14px monospace;
		text-anchor:middle;
	}
	svg.railroad-diagram text.label{
		text-anchor:start;
	}
	svg.railroad-diagram text.comment{
		font:italic 12px monospace;
	}
	svg.railroad-diagram rect{
		stroke-width:3;
		stroke:black;
		fill:hsl(120,100%,90%);
	}
	svg.railroad-diagram rect.group-box {
		stroke: gray;
		stroke-dasharray: 10 5;
		fill: none;
	}

/* ]]> */
</style></svg>
        </div>
    </div>

    <div class="railroad-group">
        <h1 class="railroad-heading" id="one-to-99-0005">one_to_99</h1>
        <div class="railroad-description"></div>
        <div class="railroad-svg">
            <svg class="railroad-diagram" height="88" viewBox="0 0 794.5 88" width="794.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 38v20m10 -20v20m-10 -10h20" /></g><path d="M40 48h10" /><g>
<path d="M50 48h0.0" /><path d="M744.5 48h0.0" /><g>
<path d="M50.0 48h0.0" /><path d="M744.5 48h0.0" /><path d="M50.0 48a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10h260.5" /><path d="M162.5 68h562.0a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10" /><path d="M50.0 48h10" /><g class="non-terminal ">
<path d="M60.0 48h10.0" /><path d="M132.5 48h10.0" /><rect height="22" width="62.5" x="70" y="37"></rect><a xlink:href="#units-0001"><text x="101.25" y="52">units</text><text x="101.25" y="52">units</text></a></g><path d="M142.5 48a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><path d="M142.5 28a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><g class="non-terminal ">
<path d="M162.5 48h10.0" /><path d="M235.0 48h10.0" /><rect height="22" width="62.5" x="172.5" y="37"></rect><a xlink:href="#teens-0002"><text x="203.75" y="52">teens</text><text x="203.75" y="52">teens</text></a></g><path d="M245.0 48a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><path d="M245.0 28a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><g class="non-terminal ">
<path d="M265.0 48h10.0" /><path d="M320.5 48h10.0" /><rect height="22" width="45.5" x="275" y="37"></rect><a xlink:href="#ten-0003"><text x="297.75" y="52">ten</text><text x="297.75" y="52">ten</text></a></g><path d="M330.5 48a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><path d="M330.5 28a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><g>
<path d="M350.5 48h10.0" /><path d="M724.5 48h10.0" /><g class="non-terminal ">
<path d="M360.5 48h0.0" /><path d="M516.5 48h0.0" /><rect height="22" width="156" x="360.5" y="37"></rect><a xlink:href="#multiples-of-ten-0004"><text x="438.5" y="52">multiples_of_ten</text><text x="438.5" y="52">multiples_of_ten</text></a></g><path d="M516.5 48h10" /><g>
<path d="M526.5 48h0.0" /><path d="M724.5 48h0.0" /><path d="M526.5 48a10 10 0 0 0 10 -10v-8a10 10 0 0 1 10 -10" /><g>
<path d="M546.5 20h158.0" /></g><path d="M704.5 20a10 10 0 0 1 10 10v8a10 10 0 0 0 10 10" /><path d="M526.5 48h20" /><g>
<path d="M546.5 48h0.0" /><path d="M704.5 48h0.0" /><g>
<path d="M546.5 48h0.0" /><path d="M632.0 48h0.0" /><path d="M546.5 48a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10" /><g>
<path d="M566.5 28h45.5" /></g><path d="M612.0 28a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><path d="M546.5 48h20" /><g class="terminal ">
<path d="M566.5 48h0.0" /><path d="M612.0 48h0.0" /><rect height="22" rx="10" ry="10" width="45.5" x="566.5" y="37"></rect><text x="589.25" y="52">&apos;-&apos;</text></g><path d="M612.0 48h20" /></g><path d="M632.0 48h10" /><g class="non-terminal ">
<path d="M642.0 48h0.0" /><path d="M704.5 48h0.0" /><rect height="22" width="62.5" x="642" y="37"></rect><a xlink:href="#units-0001"><text x="673.25" y="52">units</text><text x="673.25" y="52">units</text></a></g></g><path d="M704.5 48h20" /></g></g><path d="M734.5 48h10" /></g></g><path d="M744.5 48h10" /><path d="M 754.5 48 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
	svg.railroad-diagram {
		background-color:hsl(30,20%,95%);
	}
	svg.railroad-diagram path {
		stroke-width:3;
		stroke:black;
		fill:rgba(0,0,0,0);
	}
	svg.railroad-diagram text {
		font:bold 14px monospace;
		text-anchor:middle;
	}
	svg.railroad-diagram text.label{
		text-anchor:start;
	}
	svg.railroad-diagram text.comment{
		font:italic 12px monospace;
	}
	svg.railroad-diagram rect{
		stroke-width:3;
		stroke:black;
		fill:hsl(120,100%,90%);
	}
	svg.railroad-diagram rect.group-box {
		stroke: gray;
		stroke-dasharray: 10 5;
		fill: none;
	}

/* ]]> */
</style></svg>
        </div>
    </div>

    <div class="railroad-group">
        <h1 class="railroad-heading" id="units-0001">units</h1>
        <div class="railroad-description"></div>
        <div class="railroad-svg">
            <svg class="railroad-diagram" height="302" viewBox="0 0 219.5 302" width="219.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 21v20m10 -20v20m-10 -10h20" /></g><path d="M40 31h10" /><g>
<path d="M50 31h0.0" /><path d="M169.5 31h0.0" /><g>
<path d="M50.0 31h0.0" /><path d="M169.5 31h0.0" /><path d="M50.0 31h20" /><g class="terminal ">
<path d="M70.0 31h8.5" /><path d="M141.0 31h8.5" /><rect height="22" rx="10" ry="10" width="62.5" x="78.5" y="20"></rect><text x="109.75" y="35">&apos;one&apos;</text></g><path d="M149.5 31h20" /><path d="M50.0 31a10 10 0 0 1 10 10v10a10 10 0 0 0 10 10" /><g class="terminal ">
<path d="M70.0 61h8.5" /><path d="M141.0 61h8.5" /><rect height="22" rx="10" ry="10" width="62.5" x="78.5" y="50"></rect><text x="109.75" y="65">&apos;two&apos;</text></g><path d="M149.5 61a10 10 0 0 0 10 -10v-10a10 10 0 0 1 10 -10" /><path d="M50.0 31a10 10 0 0 1 10 10v40a10 10 0 0 0 10 10" /><g class="terminal ">
<path d="M70.0 91h0.0" /><path d="M149.5 91h0.0" /><rect height="22" rx="10" ry="10" width="79.5" x="70" y="80"></rect><text x="109.75" y="95">&apos;three&apos;</text></g><path d="M149.5 91a10 10 0 0 0 10 -10v-40a10 10 0 0 1 10 -10" /><path d="M50.0 31a10 10 0 0 1 10 10v70a10 10 0 0 0 10 10" /><g class="terminal ">
<path d="M70.0 121h4.25" /><path d="M145.25 121h4.25" /><rect height="22" rx="10" ry="10" width="71" x="74.25" y="110"></rect><text x="109.75" y="125">&apos;four&apos;</text></g><path d="M149.5 121a10 10 0 0 0 10 -10v-70a10 10 0 0 1 10 -10" /><path d="M50.0 31a10 10 0 0 1 10 10v100a10 10 0 0 0 10 10" /><g class="terminal ">
<path d="M70.0 151h4.25" /><path d="M145.25 151h4.25" /><rect height="22" rx="10" ry="10" width="71" x="74.25" y="140"></rect><text x="109.75" y="155">&apos;five&apos;</text></g><path d="M149.5 151a10 10 0 0 0 10 -10v-100a10 10 0 0 1 10 -10" /><path d="M50.0 31a10 10 0 0 1 10 10v130a10 10 0 0 0 10 10" /><g class="terminal ">
<path d="M70.0 181h8.5" /><path d="M141.0 181h8.5" /><rect height="22" rx="10" ry="10" width="62.5" x="78.5" y="170"></rect><text x="109.75" y="185">&apos;six&apos;</text></g><path d="M149.5 181a10 10 0 0 0 10 -10v-130a10 10 0 0 1 10 -10" /><path d="M50.0 31a10 10 0 0 1 10 10v160a10 10 0 0 0 10 10" /><g class="terminal ">
<path d="M70.0 211h0.0" /><path d="M149.5 211h0.0" /><rect height="22" rx="10" ry="10" width="79.5" x="70" y="200"></rect><text x="109.75" y="215">&apos;seven&apos;</text></g><path d="M149.5 211a10 10 0 0 0 10 -10v-160a10 10 0 0 1 10 -10" /><path d="M50.0 31a10 10 0 0 1 10 10v190a10 10 0 0 0 10 10" /><g class="terminal ">
<path d="M70.0 241h0.0" /><path d="M149.5 241h0.0" /><rect height="22" rx="10" ry="10" width="79.5" x="70" y="230"></rect><text x="109.75" y="245">&apos;eight&apos;</text></g><path d="M149.5 241a10 10 0 0 0 10 -10v-190a10 10 0 0 1 10 -10" /><path d="M50.0 31a10 10 0 0 1 10 10v220a10 10 0 0 0 10 10" /><g class="terminal ">
<path d="M70.0 271h4.25" /><path d="M145.25 271h4.25" /><rect height="22" rx="10" ry="10" width="71" x="74.25" y="260"></rect><text x="109.75" y="275">&apos;nine&apos;</text></g><path d="M149.5 271a10 10 0 0 0 10 -10v-220a10 10 0 0 1 10 -10" /></g></g><path d="M169.5 31h10" /><path d="M 179.5 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
	svg.railroad-diagram {
		background-color:hsl(30,20%,95%);
	}
	svg.railroad-diagram path {
		stroke-width:3;
		stroke:black;
		fill:rgba(0,0,0,0);
	}
	svg.railroad-diagram text {
		font:bold 14px monospace;
		text-anchor:middle;
	}
	svg.railroad-diagram text.label{
		text-anchor:start;
	}
	svg.railroad-diagram text.comment{
		font:italic 12px monospace;
	}
	svg.railroad-diagram rect{
		stroke-width:3;
		stroke:black;
		fill:hsl(120,100%,90%);
	}
	svg.railroad-diagram rect.group-box {
		stroke: gray;
		stroke-dasharray: 10 5;
		fill: none;
	}

/* ]]> */
</style></svg>
        </div>
    </div>

    <div class="railroad-group">
        <h1 class="railroad-heading" id="teens-0002">teens</h1>
        <div class="railroad-description"></div>
        <div class="railroad-svg">
            <svg class="railroad-diagram" height="302" viewBox="0 0 253.5 302" width="253.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 21v20m10 -20v20m-10 -10h20" /></g><path d="M40 31h10" /><g>
<path d="M50 31h0.0" /><path d="M203.5 31h0.0" /><g>
<path d="M50.0 31h0.0" /><path d="M203.5 31h0.0" /><path d="M50.0 31h20" /><g class="terminal ">
<path d="M70.0 31h12.75" /><path d="M170.75 31h12.75" /><rect height="22" rx="10" ry="10" width="88" x="82.75" y="20"></rect><text x="126.75" y="35">&apos;eleven&apos;</text></g><path d="M183.5 31h20" /><path d="M50.0 31a10 10 0 0 1 10 10v10a10 10 0 0 0 10 10" /><g class="terminal ">
<path d="M70.0 61h12.75" /><path d="M170.75 61h12.75" /><rect height="22" rx="10" ry="10" width="88" x="82.75" y="50"></rect><text x="126.75" y="65">&apos;twelve&apos;</text></g><path d="M183.5 61a10 10 0 0 0 10 -10v-10a10 10 0 0 1 10 -10" /><path d="M50.0 31a10 10 0 0 1 10 10v40a10 10 0 0 0 10 10" /><g class="terminal ">
<path d="M70.0 91h4.25" /><path d="M179.25 91h4.25" /><rect height="22" rx="10" ry="10" width="105" x="74.25" y="80"></rect><text x="126.75" y="95">&apos;thirteen&apos;</text></g><path d="M183.5 91a10 10 0 0 0 10 -10v-40a10 10 0 0 1 10 -10" /><path d="M50.0 31a10 10 0 0 1 10 10v70a10 10 0 0 0 10 10" /><g class="terminal ">
<path d="M70.0 121h4.25" /><path d="M179.25 121h4.25" /><rect height="22" rx="10" ry="10" width="105" x="74.25" y="110"></rect><text x="126.75" y="125">&apos;fourteen&apos;</text></g><path d="M183.5 121a10 10 0 0 0 10 -10v-70a10 10 0 0 1 10 -10" /><path d="M50.0 31a10 10 0 0 1 10 10v100a10 10 0 0 0 10 10" /><g class="terminal ">
<path d="M70.0 151h8.5" /><path d="M175.0 151h8.5" /><rect height="22" rx="10" ry="10" width="96.5" x="78.5" y="140"></rect><text x="126.75" y="155">&apos;fifteen&apos;</text></g><path d="M183.5 151a10 10 0 0 0 10 -10v-100a10 10 0 0 1 10 -10" /><path d="M50.0 31a10 10 0 0 1 10 10v130a10 10 0 0 0 10 10" /><g class="terminal ">
<path d="M70.0 181h8.5" /><path d="M175.0 181h8.5" /><rect height="22" rx="10" ry="10" width="96.5" x="78.5" y="170"></rect><text x="126.75" y="185">&apos;sixteen&apos;</text></g><path d="M183.5 181a10 10 0 0 0 10 -10v-130a10 10 0 0 1 10 -10" /><path d="M50.0 31a10 10 0 0 1 10 10v160a10 10 0 0 0 10 10" /><g class="terminal ">
<path d="M70.0 211h0.0" /><path d="M183.5 211h0.0" /><rect height="22" rx="10" ry="10" width="113.5" x="70" y="200"></rect><text x="126.75" y="215">&apos;seventeen&apos;</text></g><path d="M183.5 211a10 10 0 0 0 10 -10v-160a10 10 0 0 1 10 -10" /><path d="M50.0 31a10 10 0 0 1 10 10v190a10 10 0 0 0 10 10" /><g class="terminal ">
<path d="M70.0 241h4.25" /><path d="M179.25 241h4.25" /><rect height="22" rx="10" ry="10" width="105" x="74.25" y="230"></rect><text x="126.75" y="245">&apos;eighteen&apos;</text></g><path d="M183.5 241a10 10 0 0 0 10 -10v-190a10 10 0 0 1 10 -10" /><path d="M50.0 31a10 10 0 0 1 10 10v220a10 10 0 0 0 10 10" /><g class="terminal ">
<path d="M70.0 271h4.25" /><path d="M179.25 271h4.25" /><rect height="22" rx="10" ry="10" width="105" x="74.25" y="260"></rect><text x="126.75" y="275">&apos;nineteen&apos;</text></g><path d="M183.5 271a10 10 0 0 0 10 -10v-220a10 10 0 0 1 10 -10" /></g></g><path d="M203.5 31h10" /><path d="M 213.5 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
	svg.railroad-diagram {
		background-color:hsl(30,20%,95%);
	}
	svg.railroad-diagram path {
		stroke-width:3;
		stroke:black;
		fill:rgba(0,0,0,0);
	}
	svg.railroad-diagram text {
		font:bold 14px monospace;
		text-anchor:middle;
	}
	svg.railroad-diagram text.label{
		text-anchor:start;
	}
	svg.railroad-diagram text.comment{
		font:italic 12px monospace;
	}
	svg.railroad-diagram rect{
		stroke-width:3;
		stroke:black;
		fill:hsl(120,100%,90%);
	}
	svg.railroad-diagram rect.group-box {
		stroke: gray;
		stroke-dasharray: 10 5;
		fill: none;
	}

/* ]]> */
</style></svg>
        </div>
    </div>

    <div class="railroad-group">
        <h1 class="railroad-heading" id="ten-0003">ten</h1>
        <div class="railroad-description"></div>
        <div class="railroad-svg">
            <svg class="railroad-diagram" height="62" viewBox="0 0 162.5 62" width="162.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 21v20m10 -20v20m-10 -10h20" /></g><path d="M40 31h10" /><g>
<path d="M50 31h0.0" /><path d="M112.5 31h0.0" /><g class="terminal ">
<path d="M50.0 31h0.0" /><path d="M112.5 31h0.0" /><rect height="22" rx="10" ry="10" width="62.5" x="50" y="20"></rect><text x="81.25" y="35">&apos;ten&apos;</text></g></g><path d="M112.5 31h10" /><path d="M 122.5 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
	svg.railroad-diagram {
		background-color:hsl(30,20%,95%);
	}
	svg.railroad-diagram path {
		stroke-width:3;
		stroke:black;
		fill:rgba(0,0,0,0);
	}
	svg.railroad-diagram text {
		font:bold 14px monospace;
		text-anchor:middle;
	}
	svg.railroad-diagram text.label{
		text-anchor:start;
	}
	svg.railroad-diagram text.comment{
		font:italic 12px monospace;
	}
	svg.railroad-diagram rect{
		stroke-width:3;
		stroke:black;
		fill:hsl(120,100%,90%);
	}
	svg.railroad-diagram rect.group-box {
		stroke: gray;
		stroke-dasharray: 10 5;
		fill: none;
	}

/* ]]> */
</style></svg>
        </div>
    </div>

    <div class="railroad-group">
        <h1 class="railroad-heading" id="multiples-of-ten-0004">multiples_of_ten</h1>
        <div class="railroad-description"></div>
        <div class="railroad-svg">
            <svg class="railroad-diagram" height="272" viewBox="0 0 236.5 272" width="236.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 21v20m10 -20v20m-10 -10h20" /></g><path d="M40 31h10" /><g>
<path d="M50 31h0.0" /><path d="M186.5 31h0.0" /><g>
<path d="M50.0 31h0.0" /><path d="M186.5 31h0.0" /><path d="M50.0 31h20" /><g class="terminal ">
<path d="M70.0 31h4.25" /><path d="M162.25 31h4.25" /><rect height="22" rx="10" ry="10" width="88" x="74.25" y="20"></rect><text x="118.25" y="35">&apos;twenty&apos;</text></g><path d="M166.5 31h20" /><path d="M50.0 31a10 10 0 0 1 10 10v10a10 10 0 0 0 10 10" /><g class="terminal ">
<path d="M70.0 61h4.25" /><path d="M162.25 61h4.25" /><rect height="22" rx="10" ry="10" width="88" x="74.25" y="50"></rect><text x="118.25" y="65">&apos;thirty&apos;</text></g><path d="M166.5 61a10 10 0 0 0 10 -10v-10a10 10 0 0 1 10 -10" /><path d="M50.0 31a10 10 0 0 1 10 10v40a10 10 0 0 0 10 10" /><g class="terminal ">
<path d="M70.0 91h8.5" /><path d="M158.0 91h8.5" /><rect height="22" rx="10" ry="10" width="79.5" x="78.5" y="80"></rect><text x="118.25" y="95">&apos;forty&apos;</text></g><path d="M166.5 91a10 10 0 0 0 10 -10v-40a10 10 0 0 1 10 -10" /><path d="M50.0 31a10 10 0 0 1 10 10v70a10 10 0 0 0 10 10" /><g class="terminal ">
<path d="M70.0 121h8.5" /><path d="M158.0 121h8.5" /><rect height="22" rx="10" ry="10" width="79.5" x="78.5" y="110"></rect><text x="118.25" y="125">&apos;fifty&apos;</text></g><path d="M166.5 121a10 10 0 0 0 10 -10v-70a10 10 0 0 1 10 -10" /><path d="M50.0 31a10 10 0 0 1 10 10v100a10 10 0 0 0 10 10" /><g class="terminal ">
<path d="M70.0 151h8.5" /><path d="M158.0 151h8.5" /><rect height="22" rx="10" ry="10" width="79.5" x="78.5" y="140"></rect><text x="118.25" y="155">&apos;sixty&apos;</text></g><path d="M166.5 151a10 10 0 0 0 10 -10v-100a10 10 0 0 1 10 -10" /><path d="M50.0 31a10 10 0 0 1 10 10v130a10 10 0 0 0 10 10" /><g class="terminal ">
<path d="M70.0 181h0.0" /><path d="M166.5 181h0.0" /><rect height="22" rx="10" ry="10" width="96.5" x="70" y="170"></rect><text x="118.25" y="185">&apos;seventy&apos;</text></g><path d="M166.5 181a10 10 0 0 0 10 -10v-130a10 10 0 0 1 10 -10" /><path d="M50.0 31a10 10 0 0 1 10 10v160a10 10 0 0 0 10 10" /><g class="terminal ">
<path d="M70.0 211h4.25" /><path d="M162.25 211h4.25" /><rect height="22" rx="10" ry="10" width="88" x="74.25" y="200"></rect><text x="118.25" y="215">&apos;eighty&apos;</text></g><path d="M166.5 211a10 10 0 0 0 10 -10v-160a10 10 0 0 1 10 -10" /><path d="M50.0 31a10 10 0 0 1 10 10v190a10 10 0 0 0 10 10" /><g class="terminal ">
<path d="M70.0 241h4.25" /><path d="M162.25 241h4.25" /><rect height="22" rx="10" ry="10" width="88" x="74.25" y="230"></rect><text x="118.25" y="245">&apos;ninety&apos;</text></g><path d="M166.5 241a10 10 0 0 0 10 -10v-190a10 10 0 0 1 10 -10" /></g></g><path d="M186.5 31h10" /><path d="M 196.5 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
	svg.railroad-diagram {
		background-color:hsl(30,20%,95%);
	}
	svg.railroad-diagram path {
		stroke-width:3;
		stroke:black;
		fill:rgba(0,0,0,0);
	}
	svg.railroad-diagram text {
		font:bold 14px monospace;
		text-anchor:middle;
	}
	svg.railroad-diagram text.label{
		text-anchor:start;
	}
	svg.railroad-diagram text.comment{
		font:italic 12px monospace;
	}
	svg.railroad-diagram rect{
		stroke-width:3;
		stroke:black;
		fill:hsl(120,100%,90%);
	}
	svg.railroad-diagram rect.group-box {
		stroke: gray;
		stroke-dasharray: 10 5;
		fill: none;
	}

/* ]]> */
</style></svg>
        </div>
    </div>

    <div class="railroad-group">
        <h1 class="railroad-heading" id="and-0007">and</h1>
        <div class="railroad-description"></div>
        <div class="railroad-svg">
            <svg class="railroad-diagram" height="80" viewBox="0 0 288.0 80" width="288.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 30v20m10 -20v20m-10 -10h20" /></g><path d="M40 40h10" /><g>
<path d="M50 40h0.0" /><path d="M238.0 40h0.0" /><g>
<path d="M50.0 40h0.0" /><path d="M238.0 40h0.0" /><path d="M50.0 40a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10h72.5" /><path d="M162.5 60h55.5a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10" /><path d="M50.0 40h10" /><g class="terminal ">
<path d="M60.0 40h10.0" /><path d="M132.5 40h10.0" /><rect height="22" rx="10" ry="10" width="62.5" x="70" y="29"></rect><text x="101.25" y="44">&apos;and&apos;</text></g><path d="M142.5 40a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><path d="M142.5 20a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><g class="terminal ">
<path d="M162.5 40h10.0" /><path d="M218.0 40h10.0" /><rect height="22" rx="10" ry="10" width="45.5" x="172.5" y="29"></rect><text x="195.25" y="44">&apos;-&apos;</text></g><path d="M228.0 40h10" /></g></g><path d="M238.0 40h10" /><path d="M 248.0 40 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
	svg.railroad-diagram {
		background-color:hsl(30,20%,95%);
	}
	svg.railroad-diagram path {
		stroke-width:3;
		stroke:black;
		fill:rgba(0,0,0,0);
	}
	svg.railroad-diagram text {
		font:bold 14px monospace;
		text-anchor:middle;
	}
	svg.railroad-diagram text.label{
		text-anchor:start;
	}
	svg.railroad-diagram text.comment{
		font:italic 12px monospace;
	}
	svg.railroad-diagram rect{
		stroke-width:3;
		stroke:black;
		fill:hsl(120,100%,90%);
	}
	svg.railroad-diagram rect.group-box {
		stroke: gray;
		stroke-dasharray: 10 5;
		fill: none;
	}

/* ]]> */
</style></svg>
        </div>
    </div>

    <div class="railroad-group">
        <h1 class="railroad-heading" id="hundreds-0009">hundreds</h1>
        <div class="railroad-description"></div>
        <div class="railroad-svg">
            <svg class="railroad-diagram" height="62" viewBox="0 0 347.0 62" width="347.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 21v20m10 -20v20m-10 -10h20" /></g><path d="M40 31h10" /><g>
<path d="M50 31h0.0" /><path d="M297.0 31h0.0" /><g>
<path d="M50.0 31h0.0" /><path d="M297.0 31h0.0" /><g class="non-terminal ">
<path d="M50.0 31h0.0" /><path d="M180.5 31h0.0" /><rect height="22" width="130.5" x="50" y="20"></rect><a xlink:href="#hundreds-mult-0008"><text x="115.25" y="35">hundreds_mult</text><text x="115.25" y="35">hundreds_mult</text></a></g><path d="M180.5 31h10" /><path d="M190.5 31h10" /><g class="terminal ">
<path d="M200.5 31h0.0" /><path d="M297.0 31h0.0" /><rect height="22" rx="10" ry="10" width="96.5" x="200.5" y="20"></rect><text x="248.75" y="35">&apos;hundred&apos;</text></g></g></g><path d="M297.0 31h10" /><path d="M 307.0 31 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
	svg.railroad-diagram {
		background-color:hsl(30,20%,95%);
	}
	svg.railroad-diagram path {
		stroke-width:3;
		stroke:black;
		fill:rgba(0,0,0,0);
	}
	svg.railroad-diagram text {
		font:bold 14px monospace;
		text-anchor:middle;
	}
	svg.railroad-diagram text.label{
		text-anchor:start;
	}
	svg.railroad-diagram text.comment{
		font:italic 12px monospace;
	}
	svg.railroad-diagram rect{
		stroke-width:3;
		stroke:black;
		fill:hsl(120,100%,90%);
	}
	svg.railroad-diagram rect.group-box {
		stroke: gray;
		stroke-dasharray: 10 5;
		fill: none;
	}

/* ]]> */
</style></svg>
        </div>
    </div>

    <div class="railroad-group">
        <h1 class="railroad-heading" id="hundreds-mult-0008">hundreds_mult</h1>
        <div class="railroad-description"></div>
        <div class="railroad-svg">
            <svg class="railroad-diagram" height="80" viewBox="0 0 669.0 80" width="669.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(.5 .5)">
<g>
<path d="M20 30v20m10 -20v20m-10 -10h20" /></g><path d="M40 40h10" /><g>
<path d="M50 40h0.0" /><path d="M619.0 40h0.0" /><g>
<path d="M50.0 40h0.0" /><path d="M619.0 40h0.0" /><path d="M50.0 40a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10h175.0" /><path d="M162.5 60h436.5a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10" /><path d="M50.0 40h10" /><g class="non-terminal ">
<path d="M60.0 40h10.0" /><path d="M132.5 40h10.0" /><rect height="22" width="62.5" x="70" y="29"></rect><a xlink:href="#units-0001"><text x="101.25" y="44">units</text><text x="101.25" y="44">units</text></a></g><path d="M142.5 40a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><path d="M142.5 20a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><g class="non-terminal ">
<path d="M162.5 40h10.0" /><path d="M235.0 40h10.0" /><rect height="22" width="62.5" x="172.5" y="29"></rect><a xlink:href="#teens-0002"><text x="203.75" y="44">teens</text><text x="203.75" y="44">teens</text></a></g><path d="M245.0 40a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><path d="M245.0 20a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><g>
<path d="M265.0 40h10.0" /><path d="M599.0 40h10.0" /><g class="non-terminal ">
<path d="M275.0 40h0.0" /><path d="M431.0 40h0.0" /><rect height="22" width="156" x="275" y="29"></rect><a xlink:href="#multiples-of-ten-0004"><text x="353" y="44">multiples_of_ten</text><text x="353" y="44">multiples_of_ten</text></a></g><path d="M431.0 40h10" /><g>
<path d="M441.0 40h0.0" /><path d="M526.5 40h0.0" /><path d="M441.0 40a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10" /><g>
<path d="M461.0 20h45.5" /></g><path d="M506.5 20a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10" /><path d="M441.0 40h20" /><g class="terminal ">
<path d="M461.0 40h0.0" /><path d="M506.5 40h0.0" /><rect height="22" rx="10" ry="10" width="45.5" x="461" y="29"></rect><text x="483.75" y="44">&apos;-&apos;</text></g><path d="M506.5 40h20" /></g><path d="M526.5 40h10" /><g class="non-terminal ">
<path d="M536.5 40h0.0" /><path d="M599.0 40h0.0" /><rect height="22" width="62.5" x="536.5" y="29"></rect><a xlink:href="#units-0001"><text x="567.75" y="44">units</text><text x="567.75" y="44">units</text></a></g></g><path d="M609.0 40h10" /></g></g><path d="M619.0 40h10" /><path d="M 629.0 40 h 20 m -10 -10 v 20 m 10 -20 v 20"></path></g><style>/* <![CDATA[ */
	svg.railroad-diagram {
		background-color:hsl(30,20%,95%);
	}
	svg.railroad-diagram path {
		stroke-width:3;
		stroke:black;
		fill:rgba(0,0,0,0);
	}
	svg.railroad-diagram text {
		font:bold 14px monospace;
		text-anchor:middle;
	}
	svg.railroad-diagram text.label{
		text-anchor:start;
	}
	svg.railroad-diagram text.comment{
		font:italic 12px monospace;
	}
	svg.railroad-diagram rect{
		stroke-width:3;
		stroke:black;
		fill:hsl(120,100%,90%);
	}
	svg.railroad-diagram rect.group-box {
		stroke: gray;
		stroke-dasharray: 10 5;
		fill: none;
	}

/* ]]> */
</style></svg>
        </div>
    </div>


</body>
</html>