The London Perl and Raku Workshop takes place on 26th Oct 2024. If your company depends on Perl, please consider sponsoring and/or attending.
RONAN / SVG-Template-Graph-1.0 / examples / template / test-4.svg 
<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg width="730" height="447" 
	viewBox="0 0 730 447" 
	xmlns="http://www.w3.org/2000/svg" 
	xmlns:xlink="http://www.w3.org/1999/xlink">
	<g fill="#FFFFFF" stroke="#411DA4" id="backgrounds">
		<rect width="729" y="0.5" fill="none" x="0.5" 
			stroke-width="1.5" id="background_all" height="446" />
		<rect width="584" y="87.5" fill="white" stroke="red" x="89.5" 
			stroke-width="4" id="rectangle.graph.data.space.bg" height="246" />
	</g>
		<!-- traces -->
		<g id="group.traces">
			<!-- trace insertion takes place here -->
			<g id="group.trace.1" fill="none" stroke="red" stroke-width="2">
				<g id="group.trace.data.1" fill="blue" stroke="black" 
					stroke-width="2" fill-opacity="0.7"/>
				<g id="group.trace.grid.1" stroke="gray" stroke-width="1"/>
				<g id="group.trace.axes.1" stroke="none" fill="black">
					<g id="group.trace.axes.x.1" transform="translate(365,311.5)"/>
					<g id="group.trace.axes.y.1" transform="translate(89.5,223.5)"/>
					<g id="group.trace.axes.title.x.1" transform="translate(365,311.5)"/>
					<g id="group.trace.axes.title.y.1" transform="translate(89.5,223.5)"/>
				</g>
			</g>
			<!-- trace insertion takes place here -->
			<g id="group.trace.2" fill="none" stroke="blue" stroke-width="2">
				<g id="group.trace.data.2" fill="white" stroke="black" 
					stroke-width="2" fill-opacity="0.9"/>
				<g id="group.trace.grid.2" stroke="gray" stroke-width="1"/>
				<g id="group.trace.axes.2" stroke="none" fill="black">
					<g id="group.trace.axes.x.2" transform="translate(365,311.5)"/>
					<g id="group.trace.axes.y.2" transform="translate(89.5,223.5)"/>
					<g id="group.trace.axes.title.x.2" transform="translate(365,311.5)"/>
					<g id="group.trace.axes.title.y.2" transform="translate(89.5,223.5)"/>
				</g>
			</g>
			<!-- trace insertion takes place here -->
			<g id="group.trace.3" fill="none" stroke="red" stroke-width="2">
				<g id="group.trace.data.3" fill="white" stroke="green"/>
				<g id="group.trace.grid.3" stroke="gray" stroke-width="1"/>
				<g id="group.trace.axes.3" stroke="none" fill="black">
					<g id="group.trace.axes.x.3"/>
					<g id="group.trace.axes.y.3"/>
					<g id="group.trace.axes.title.x.3"/>
					<g id="group.trace.axes.title.y.3"/>
				</g>
			</g>
			<!-- trace insertion takes place here -->
			<g id="group.trace.4" fill="none" stroke="blue" stroke-width="2">
				<g id="group.trace.data.4" fill="black" stroke="cyan"/>
				<g id="group.trace.grid.4" stroke="gray" stroke-width="1"/>
				<g id="group.trace.axes.4" stroke="none" fill="black">
					<g id="group.trace.axes.x.4"/>
					<g id="group.trace.axes.y.4"/>
					<g id="group.trace.axes.title.x.4"/>
					<g id="group.trace.axes.title.y.4"/>
				</g>
			</g>
		</g>
		<g id="titles" text-anchor="middle" fill="black" stroke="none">
			<g id="group.trace.title.1" transform=""/>
			<g id="group.trace.title.2" transform=""/>
			<g id="group.trace.title.3" transform=""/>
			<g id="group.trace.title.4" transform=""/>
			<g id="group.graph.title" transform="translate(365,30)"/>
		</g>
		<rect width="584" y="87.5" fill="none" stroke="blue" x="89.5" 
			stroke-width="4" id="rectangle.graph.data.space" height="246" />
	</g>
</svg>