assets/note-number.svg

<svg class="railroad-diagram" width="319.5" height="161" viewBox="0 0 319.5 161" 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"></path>
</g>
<g>
<path d="M40 40h0"></path>
<path d="M279.5 40h0"></path>
<path d="M40 40a10 10 0 0 0 10 -10v0a10 10 0 0 1 10 -10"></path>
<g>
<path d="M60 20h199.5"></path>
</g>
<path d="M259.5 20a10 10 0 0 1 10 10v0a10 10 0 0 0 10 10"></path>
<path d="M40 40h20"></path>
<g>
<path d="M60 40h0"></path>
<path d="M259.5 40h0"></path>
<path d="M60 40h20"></path>
<g class="non-terminal">
<path d="M80 40h57"></path>
<path d="M182.5 40h57"></path>
<rect x="137" y="29" width="45.5" height="22"></rect>
<text x="159.75" y="44">0-9</text>
</g>
<path d="M239.5 40h20"></path>
<path d="M60 40a10 10 0 0 1 10 10v10a10 10 0 0 0 10 10"></path>
<g>
<path d="M80 70h0"></path>
<path d="M239.5 70h0"></path>
<g class="non-terminal">
<path d="M80 70h0"></path>
<path d="M125.5 70h0"></path>
<rect x="80" y="59" width="45.5" height="22"></rect>
<text x="102.75" y="74">0-9</text>
</g>
<path d="M125.5 70h10"></path>
<path d="M135.5 70h10"></path>
<g class="terminal">
<path d="M145.5 70h0"></path>
<path d="M174 70h0"></path>
<rect x="145.5" y="59" width="28.5" height="22" rx="10" ry="10"></rect>
<text x="159.75" y="74">-</text>
</g>
<path d="M174 70h10"></path>
<path d="M184 70h10"></path>
<g class="non-terminal">
<path d="M194 70h0"></path>
<path d="M239.5 70h0"></path>
<rect x="194" y="59" width="45.5" height="22"></rect>
<text x="216.75" y="74">0-9</text>
</g>
</g>
<path d="M239.5 70a10 10 0 0 0 10 -10v-10a10 10 0 0 1 10 -10"></path>
<path d="M60 40a10 10 0 0 1 10 10v40a10 10 0 0 0 10 10"></path>
<g>
<path d="M80 100h47"></path>
<path d="M192.5 100h47"></path>
<path d="M127 100h10"></path>
<g class="non-terminal">
<path d="M137 100h0"></path>
<path d="M182.5 100h0"></path>
<rect x="137" y="89" width="45.5" height="22"></rect>
<text x="159.75" y="104">0-9</text>
</g>
<path d="M182.5 100h10"></path>
<path d="M137 100a10 10 0 0 0 -10 10v10a10 10 0 0 0 10 10"></path>
<g class="terminal">
<path d="M137 130h8.5"></path>
<path d="M174 130h8.5"></path>
<rect x="145.5" y="119" width="28.5" height="22" rx="10" ry="10"></rect>
<text x="159.75" y="134">+</text>
</g>
<path d="M182.5 130a10 10 0 0 0 10 -10v-10a10 10 0 0 0 -10 -10"></path>
</g>
<path d="M239.5 100a10 10 0 0 0 10 -10v-40a10 10 0 0 1 10 -10"></path>
</g>
<path d="M259.5 40h20"></path>
</g>
<path d="M 279.5 40 h 20 m -10 -10 v 20 m 10 -20 v 20"></path>
</g>
<style>
	svg {
		background-color: hsl(30,20%,95%);
	}
	path {
		stroke-width: 3;
		stroke: black;
		fill: rgba(0,0,0,0);
	}
	text {
		font: bold 14px monospace;
		text-anchor: middle;
		white-space: pre;
	}
	text.diagram-text {
		font-size: 12px;
	}
	text.diagram-arrow {
		font-size: 16px;
	}
	text.label {
		text-anchor: start;
	}
	text.comment {
		font: italic 12px monospace;
	}
	g.non-terminal text {
		/&#42;font-style: italic;&#42;/
	}
	rect {
		stroke-width: 3;
		stroke: black;
		fill: hsl(120,100%,90%);
	}
	rect.group-box {
		stroke: gray;
		stroke-dasharray: 10 5;
		fill: none;
	}
	path.diagram-text {
		stroke-width: 3;
		stroke: black;
		fill: white;
		cursor: help;
	}
	g.diagram-text:hover path.diagram-text {
		fill: #eee;
	}</style>
</svg>