docs/images/stmt_print.svg

<svg class="railroad-diagram" width="440" height="62" viewBox="0 0 440 62" 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"></path>
</g>
<path d="M40 31h10"></path>
<g>
<path d="M50 31h0"></path>
<path d="M390 31h0"></path>
<g class="terminal ">
<path d="M50 31h0"></path>
<path d="M86 31h0"></path>
<rect x="50" y="20" width="36" height="22" rx="10" ry="10"></rect>
<text x="68" y="35">&#60;%</text>
</g>
<path d="M86 31h10"></path>
<path d="M96 31h10"></path>
<g class="terminal ">
<path d="M106 31h0"></path>
<path d="M166 31h0"></path>
<rect x="106" y="20" width="60" height="22" rx="10" ry="10"></rect>
<text x="136" y="35">print</text>
</g>
<path d="M166 31h10"></path>
<path d="M176 31h10"></path>
<g class="terminal ">
<path d="M186 31h0"></path>
<path d="M214 31h0"></path>
<rect x="186" y="20" width="28" height="22" rx="10" ry="10"></rect>
<text x="200" y="35">(</text>
</g>
<path d="M214 31h10"></path>
<path d="M224 31h10"></path>
<g class="non-terminal ">
<path d="M234 31h0"></path>
<path d="M286 31h0"></path>
<rect x="234" y="20" width="52" height="22"></rect>
<text x="260" y="35">expr</text>
</g>
<path d="M286 31h10"></path>
<path d="M296 31h10"></path>
<g class="terminal ">
<path d="M306 31h0"></path>
<path d="M334 31h0"></path>
<rect x="306" y="20" width="28" height="22" rx="10" ry="10"></rect>
<text x="320" y="35">)</text>
</g>
<path d="M334 31h10"></path>
<path d="M344 31h10"></path>
<g class="terminal ">
<path d="M354 31h0"></path>
<path d="M390 31h0"></path>
<rect x="354" y="20" width="36" height="22" rx="10" ry="10"></rect>
<text x="372" y="35">%></text>
</g>
</g>
<path d="M390 31h10"></path>
<path d="M 400 31 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>