examples/redlight3.svg

<?xml version="1.0" encoding="utf-8"  standalone="no"?>
<svg  onload="if (typeof(gnuplot_svg)!='undefined') gnuplot_svg.Init(evt)" 
 viewBox="0 0 600 400"
 xmlns="http://www.w3.org/2000/svg"
 xmlns:xlink="http://www.w3.org/1999/xlink"
>

<title>Gnuplot</title>
<desc>Produced by GNUPLOT 5.2 patchlevel 6 </desc>

<script type="text/javascript" > <![CDATA[
// Javascript routines for interaction with SVG documents produced by 
// gnuplot's SVG terminal driver.

// Find your root SVG element
var svg = document.querySelector('svg');

// Create an SVGPoint for future math
var pt = svg.createSVGPoint();

// Get point in global SVG space
function cursorPoint(evt){
  pt.x = evt.clientX; pt.y = evt.clientY;
  return pt.matrixTransform(svg.getScreenCTM().inverse());
}

var gnuplot_svg = { };

gnuplot_svg.version = "17 February 2017";

gnuplot_svg.SVGDoc = null;
gnuplot_svg.SVGRoot = null;

gnuplot_svg.Init = function(e)
{
   gnuplot_svg.SVGDoc = e.target.ownerDocument;
   gnuplot_svg.SVGRoot = gnuplot_svg.SVGDoc.documentElement;
   gnuplot_svg.axisdate = new Date();
}

gnuplot_svg.toggleVisibility = function(evt, targetId)
{
   var newTarget = evt.target;
   if (targetId)
      newTarget = gnuplot_svg.SVGDoc.getElementById(targetId);

   var newValue = newTarget.getAttributeNS(null, 'visibility')

   if ('hidden' != newValue)
      newValue = 'hidden';
   else
      newValue = 'visible';

   newTarget.setAttributeNS(null, 'visibility', newValue);

   if (targetId) {
      newTarget = gnuplot_svg.SVGDoc.getElementById(targetId.concat("_keyentry"));
      if (newTarget)
         newTarget.setAttributeNS(null, 'style',
		newValue == 'hidden' ? 'filter:url(#greybox)' : 'none');
   }

   evt.preventDefault();
   evt.stopPropagation();
}

// Mouse tracking echos coordinates to a floating text box

gnuplot_svg.getText = function() {
	return(document.getElementById("coord_text"));
}

gnuplot_svg.updateCoordBox = function(t, evt) {
    /* 
     * Apply screen CTM transformation to the evt screenX and screenY to get 
     * coordinates in SVG coordinate space.  Use scaling parameters stored in
     * the plot document by gnuplot to convert further into plot coordinates.
     * Then position the floating text box using the SVG coordinates.
     */
    var m = document.documentElement.getScreenCTM();
    var p = document.documentElement.createSVGPoint(); 
    var loc = cursorPoint(evt);
    p.x = loc.x;
    p.y = loc.y;
    var label_x, label_y;

    // Allow for scrollbar position (Firefox, others?)
    if (typeof evt.pageX != 'undefined') {
        p.x = evt.pageX; p.y = evt.pageY; 
    }
    t.setAttribute("x", p.x);
    t.setAttribute("y", p.y);
   
    var plotcoord = gnuplot_svg.mouse2plot(p.x,p.y);

    if (gnuplot_svg.plot_timeaxis_x == "DMS" || gnuplot_svg.plot_timeaxis_y == "DMS") {
	if (gnuplot_svg.plot_timeaxis_x == "DMS")
	    label_x = gnuplot_svg.convert_to_DMS(x);
	else
	    label_x = plotcoord.x.toFixed(2);
	if (gnuplot_svg.plot_timeaxis_y == "DMS")
	    label_y = gnuplot_svg.convert_to_DMS(y);
	else
	    label_y = plotcoord.y.toFixed(2);

    } else if (gnuplot_svg.polar_mode) {
	polar = gnuplot_svg.convert_to_polar(plotcoord.x,plotcoord.y);
	label_x = "ang= " + polar.ang.toPrecision(4);
	label_y = "R= " + polar.r.toPrecision(4);

    } else if (gnuplot_svg.plot_timeaxis_x == "Date") {
	gnuplot_svg.axisdate.setTime(1000. * plotcoord.x);
	var year = gnuplot_svg.axisdate.getUTCFullYear();
	var month = gnuplot_svg.axisdate.getUTCMonth();
	var date = gnuplot_svg.axisdate.getUTCDate();
	label_x = (" " + date).slice (-2) + "/"
		+ ("0" + (month+1)).slice (-2) + "/"
		+ year;
	label_y = plotcoord.y.toFixed(2);
    } else if (gnuplot_svg.plot_timeaxis_x == "Time") {
	gnuplot_svg.axisdate.setTime(1000. * plotcoord.x);
	var hour = gnuplot_svg.axisdate.getUTCHours();
	var minute = gnuplot_svg.axisdate.getUTCMinutes();
	var second = gnuplot_svg.axisdate.getUTCSeconds();
	label_x = ("0" + hour).slice (-2) + ":" 
		+ ("0" + minute).slice (-2) + ":"
		+ ("0" + second).slice (-2);
	label_y = plotcoord.y.toFixed(2);
    } else if (gnuplot_svg.plot_timeaxis_x == "DateTime") {
	gnuplot_svg.axisdate.setTime(1000. * plotcoord.x);
	label_x = gnuplot_svg.axisdate.toUTCString();
	label_y = plotcoord.y.toFixed(2);
    } else {
	label_x = plotcoord.x.toFixed(2);
	label_y = plotcoord.y.toFixed(2);
    }

    while (null != t.firstChild) {
    	t.removeChild(t.firstChild);
    }
    var textNode = document.createTextNode(".  "+label_x+" "+label_y);
    t.appendChild(textNode);
}

gnuplot_svg.showCoordBox = function(evt) {
    var t = gnuplot_svg.getText();
    if (null != t) {
    	t.setAttribute("visibility", "visible");
    	gnuplot_svg.updateCoordBox(t, evt);
    }
}

gnuplot_svg.moveCoordBox = function(evt) {
    var t = gnuplot_svg.getText();
    if (null != t)
    	gnuplot_svg.updateCoordBox(t, evt);
}

gnuplot_svg.hideCoordBox = function(evt) {
    var t = gnuplot_svg.getText();
    if (null != t)
    	t.setAttribute("visibility", "hidden");
}

gnuplot_svg.toggleCoordBox = function(evt) {
    var t = gnuplot_svg.getText();
    if (null != t) {
	var state = t.getAttribute('visibility');
	if ('hidden' != state)
	    state = 'hidden';
	else
	    state = 'visible';
	t.setAttribute('visibility', state);
    }
}

gnuplot_svg.toggleGrid = function() {
    if (!gnuplot_svg.SVGDoc.getElementsByClassName) // Old browsers
	return;
    var grid = gnuplot_svg.SVGDoc.getElementsByClassName('gridline');
    for (var i=0; i<grid.length; i++) {
	var state = grid[i].getAttribute('visibility');
	grid[i].setAttribute('visibility', (state == 'hidden') ? 'visible' : 'hidden');
    }
}

gnuplot_svg.showHypertext = function(evt, mouseovertext)
{
    var lines = mouseovertext.split('\n');

    // If text starts with "image:" process it as an xlinked bitmap
    if (lines[0].substring(0,5) == "image") {
	var nameindex = lines[0].indexOf(":");
	if (nameindex > 0) {
	    gnuplot_svg.showHyperimage(evt, lines[0]);
	    lines[0] = lines[0].slice(nameindex+1);
	}
    }

    var loc = cursorPoint(evt);
    var anchor_x = loc.x;
    var anchor_y = loc.y;
	
    var hypertextbox = document.getElementById("hypertextbox")
    hypertextbox.setAttributeNS(null,"x",anchor_x+10);
    hypertextbox.setAttributeNS(null,"y",anchor_y+4);
    hypertextbox.setAttributeNS(null,"visibility","visible");

    var hypertext = document.getElementById("hypertext")
    hypertext.setAttributeNS(null,"x",anchor_x+14);
    hypertext.setAttributeNS(null,"y",anchor_y+18);
    hypertext.setAttributeNS(null,"visibility","visible");

    var height = 2+16*lines.length;
    hypertextbox.setAttributeNS(null,"height",height);
    var length = hypertext.getComputedTextLength();
    hypertextbox.setAttributeNS(null,"width",length+8);

    // bounce off frame bottom
    if (anchor_y > gnuplot_svg.plot_ybot + 16 - height) {
	anchor_y -= height;
	hypertextbox.setAttributeNS(null,"y",anchor_y+4);
	hypertext.setAttributeNS(null,"y",anchor_y+18);
    }

    while (null != hypertext.firstChild) {
        hypertext.removeChild(hypertext.firstChild);
    }

    var textNode = document.createTextNode(lines[0]);

    if (lines.length <= 1) {
	hypertext.appendChild(textNode);
    } else {
	xmlns="http://www.w3.org/2000/svg";
	var tspan_element = document.createElementNS(xmlns, "tspan");
	tspan_element.appendChild(textNode);
	hypertext.appendChild(tspan_element);
	length = tspan_element.getComputedTextLength();
	var ll = length;

	for (var l=1; l<lines.length; l++) {
	    var tspan_element = document.createElementNS(xmlns, "tspan");
	    tspan_element.setAttributeNS(null,"dy", 16);
	    textNode = document.createTextNode(lines[l]);
	    tspan_element.appendChild(textNode);
	    hypertext.appendChild(tspan_element);

	    ll = tspan_element.getComputedTextLength();
	    if (length < ll) length = ll;
	}
	hypertextbox.setAttributeNS(null,"width",length+8);
    }

    // bounce off right edge
    if (anchor_x > gnuplot_svg.plot_xmax + 14 - length) {
	anchor_x -= length;
	hypertextbox.setAttributeNS(null,"x",anchor_x+10);
	hypertext.setAttributeNS(null,"x",anchor_x+14);
    }

    // left-justify multiline text
    var tspan_element = hypertext.firstChild;
    while (tspan_element) {
	tspan_element.setAttributeNS(null,"x",anchor_x+14);
	tspan_element = tspan_element.nextElementSibling;
    }

}

gnuplot_svg.hideHypertext = function ()
{
    var hypertextbox = document.getElementById("hypertextbox")
    var hypertext = document.getElementById("hypertext")
    var hyperimage = document.getElementById("hyperimage")
    hypertextbox.setAttributeNS(null,"visibility","hidden");
    hypertext.setAttributeNS(null,"visibility","hidden");
    hyperimage.setAttributeNS(null,"visibility","hidden");
}

gnuplot_svg.showHyperimage = function(evt, linktext)
{
    var loc = cursorPoint(evt);
    var anchor_x = loc.x;
    var anchor_y = loc.y;
    // Allow for scrollbar position (Firefox, others?)
    if (typeof evt.pageX != 'undefined') {
        anchor_x = evt.pageX; anchor_y = evt.pageY; 
    }

    var hyperimage = document.getElementById("hyperimage")
    hyperimage.setAttributeNS(null,"x",anchor_x);
    hyperimage.setAttributeNS(null,"y",anchor_y);
    hyperimage.setAttributeNS(null,"visibility","visible");

    // Pick up height and width from "image(width,height):name"
    var width = hyperimage.getAttributeNS(null,"width");
    var height = hyperimage.getAttributeNS(null,"height");
    if (linktext.charAt(5) == "(") {
	width = parseInt(linktext.slice(6));
	height = parseInt(linktext.slice(linktext.indexOf(",") + 1));
	hyperimage.setAttributeNS(null,"width",width);
	hyperimage.setAttributeNS(null,"height",height);
	hyperimage.setAttributeNS(null,"preserveAspectRatio","none");
    }

    // bounce off frame bottom and right
    if (anchor_y > gnuplot_svg.plot_ybot + 50 - height)
	hyperimage.setAttributeNS(null,"y",20 + anchor_y-height);
    if (anchor_x > gnuplot_svg.plot_xmax + 150 - width)
	hyperimage.setAttributeNS(null,"x",10 + anchor_x-width);

    // attach image URL as a link
    linktext = linktext.slice(linktext.indexOf(":") + 1);
    var xlinkns = "http://www.w3.org/1999/xlink";
    hyperimage.setAttributeNS(xlinkns,"xlink:href",linktext);
}

// Convert from svg panel mouse coordinates to the coordinate
// system of the gnuplot figure
gnuplot_svg.mouse2plot = function(mousex,mousey) {
    var plotcoord = new Object;
    var plotx = mousex - gnuplot_svg.plot_xmin;
    var ploty = mousey - gnuplot_svg.plot_ybot;
    var x,y;

    if (gnuplot_svg.plot_logaxis_x != 0) {
	x = Math.log(gnuplot_svg.plot_axis_xmax)
	  - Math.log(gnuplot_svg.plot_axis_xmin);
	x = x * (plotx / (gnuplot_svg.plot_xmax - gnuplot_svg.plot_xmin))
	  + Math.log(gnuplot_svg.plot_axis_xmin);
	x = Math.exp(x);
    } else {
	x = gnuplot_svg.plot_axis_xmin + (plotx / (gnuplot_svg.plot_xmax-gnuplot_svg.plot_xmin)) * (gnuplot_svg.plot_axis_xmax - gnuplot_svg.plot_axis_xmin);
    }

    if (gnuplot_svg.plot_logaxis_y != 0) {
	y = Math.log(gnuplot_svg.plot_axis_ymax)
	  - Math.log(gnuplot_svg.plot_axis_ymin);
	y = y * (ploty / (gnuplot_svg.plot_ytop - gnuplot_svg.plot_ybot))
	  + Math.log(gnuplot_svg.plot_axis_ymin);
	y = Math.exp(y);
    } else {
	y = gnuplot_svg.plot_axis_ymin + (ploty / (gnuplot_svg.plot_ytop-gnuplot_svg.plot_ybot)) * (gnuplot_svg.plot_axis_ymax - gnuplot_svg.plot_axis_ymin);
    }

    plotcoord.x = x;
    plotcoord.y = y;
    return plotcoord;
}

gnuplot_svg.convert_to_polar = function (x,y)
{
    polar = new Object;
    var phi, r;
    phi = Math.atan2(y,x);
    if (gnuplot_svg.plot_logaxis_r) 
        r = Math.exp( (x/Math.cos(phi) + Math.log(gnuplot_svg.plot_axis_rmin)/Math.LN10) * Math.LN10);
    else if (gnuplot_svg.plot_axis_rmin > gnuplot_svg.plot_axis_rmax)
        r = gnuplot_svg.plot_axis_rmin - x/Math.cos(phi);
    else
        r = gnuplot_svg.plot_axis_rmin + x/Math.cos(phi);
    phi = phi * (180./Math.PI);
    if (gnuplot_svg.polar_sense < 0)
	phi = -phi;
    if (gnuplot_svg.polar_theta0 != undefined)
	phi = phi + gnuplot_svg.polar_theta0;
    if (phi > 180.)
	phi = phi - 360.;
    polar.r = r;
    polar.ang = phi;
    return polar;
}

gnuplot_svg.convert_to_DMS = function (x)
{
    var dms = {d:0, m:0, s:0};
    var deg = Math.abs(x);
    dms.d = Math.floor(deg);
    dms.m = Math.floor((deg - dms.d) * 60.);
    dms.s = Math.floor((deg - dms.d) * 3600. - dms.m * 60.);
    fmt = ((x<0)?"-":" ")
        + dms.d.toFixed(0) + "°"
	+ dms.m.toFixed(0) + "\""
	+ dms.s.toFixed(0) + "'";
    return fmt;
}
]]>
</script>

<!-- Tie mousing to entire bounding box of the plot -->
<rect x="0" y="0" width="600" height="400" fill="#ffffff" stroke="black" stroke-width="1"
onclick="gnuplot_svg.toggleCoordBox(evt)"  onmousemove="gnuplot_svg.moveCoordBox(evt)"/>

<!-- Also track mouse when it is on a plot element -->
<g id="gnuplot_canvas" onclick="gnuplot_svg.toggleCoordBox(evt)" onmousemove="gnuplot_svg.moveCoordBox(evt)">

<defs>

	<circle id='gpDot' r='0.5' stroke-width='0.5' stroke='currentColor'/>
	<path id='gpPt0' stroke-width='0.444' stroke='currentColor' d='M-1,0 h2 M0,-1 v2'/>
	<path id='gpPt1' stroke-width='0.444' stroke='currentColor' d='M-1,-1 L1,1 M1,-1 L-1,1'/>
	<path id='gpPt2' stroke-width='0.444' stroke='currentColor' d='M-1,0 L1,0 M0,-1 L0,1 M-1,-1 L1,1 M-1,1 L1,-1'/>
	<rect id='gpPt3' stroke-width='0.444' stroke='currentColor' x='-1' y='-1' width='2' height='2'/>
	<rect id='gpPt4' stroke-width='0.444' stroke='currentColor' fill='currentColor' x='-1' y='-1' width='2' height='2'/>
	<circle id='gpPt5' stroke-width='0.444' stroke='currentColor' cx='0' cy='0' r='1'/>
	<use xlink:href='#gpPt5' id='gpPt6' fill='currentColor' stroke='none'/>
	<path id='gpPt7' stroke-width='0.444' stroke='currentColor' d='M0,-1.33 L-1.33,0.67 L1.33,0.67 z'/>
	<use xlink:href='#gpPt7' id='gpPt8' fill='currentColor' stroke='none'/>
	<use xlink:href='#gpPt7' id='gpPt9' stroke='currentColor' transform='rotate(180)'/>
	<use xlink:href='#gpPt9' id='gpPt10' fill='currentColor' stroke='none'/>
	<use xlink:href='#gpPt3' id='gpPt11' stroke='currentColor' transform='rotate(45)'/>
	<use xlink:href='#gpPt11' id='gpPt12' fill='currentColor' stroke='none'/>
	<path id='gpPt13' stroke-width='0.444' stroke='currentColor' d='M0,1.330 L1.265,0.411 L0.782,-1.067 L-0.782,-1.076 L-1.265,0.411 z'/>
	<use xlink:href='#gpPt13' id='gpPt14' fill='currentColor' stroke='none'/>
	<filter id='textbox' filterUnits='objectBoundingBox' x='0' y='0' height='1' width='1'>
	  <feFlood flood-color='white' flood-opacity='1' result='bgnd'/>
	  <feComposite in='SourceGraphic' in2='bgnd' operator='atop'/>
	</filter>
	<filter id='greybox' filterUnits='objectBoundingBox' x='0' y='0' height='1' width='1'>
	  <feFlood flood-color='lightgrey' flood-opacity='1' result='grey'/>
	  <feComposite in='SourceGraphic' in2='grey' operator='atop'/>
	</filter>
</defs>
<g fill="none" color="white" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
</g>
<g fill="none" color="black" stroke="black" stroke-width="0.50" stroke-linecap="butt" stroke-linejoin="miter">
</g>
<g fill="none" color="gray" stroke="currentColor" stroke-width="0.50" stroke-linecap="butt" stroke-linejoin="miter">
	<path stroke='gray' stroke-dasharray='2,4' class="gridline"  d='M18.4,177.5 L587.6,177.5  '/></g>
<g fill="none" color="gray" stroke="gray" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<path stroke='black'  d='M18.4,177.5 L22.9,177.5 M587.6,177.5 L583.1,177.5  '/>	<g transform="translate(14.3,179.5)" stroke="none" fill="black" font-family="Arial" font-size="6.00"  text-anchor="end">
		<text> 0</text>
	</g>
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
</g>
<g fill="none" color="black" stroke="black" stroke-width="0.50" stroke-linecap="butt" stroke-linejoin="miter">
</g>
<g fill="none" color="gray" stroke="currentColor" stroke-width="0.50" stroke-linecap="butt" stroke-linejoin="miter">
	<path stroke='gray' stroke-dasharray='2,4' class="gridline"  d='M18.4,127.4 L587.6,127.4  '/></g>
<g fill="none" color="gray" stroke="gray" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<path stroke='black'  d='M18.4,127.4 L22.9,127.4 M587.6,127.4 L583.1,127.4  '/>	<g transform="translate(14.3,129.4)" stroke="none" fill="black" font-family="Arial" font-size="6.00"  text-anchor="end">
		<text> 1</text>
	</g>
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
</g>
<g fill="none" color="black" stroke="black" stroke-width="0.50" stroke-linecap="butt" stroke-linejoin="miter">
</g>
<g fill="none" color="gray" stroke="currentColor" stroke-width="0.50" stroke-linecap="butt" stroke-linejoin="miter">
	<path stroke='gray' stroke-dasharray='2,4' class="gridline"  d='M18.4,77.2 L587.6,77.2  '/></g>
<g fill="none" color="gray" stroke="gray" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<path stroke='black'  d='M18.4,77.2 L22.9,77.2 M587.6,77.2 L583.1,77.2  '/>	<g transform="translate(14.3,79.2)" stroke="none" fill="black" font-family="Arial" font-size="6.00"  text-anchor="end">
		<text> 2</text>
	</g>
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
</g>
<g fill="none" color="black" stroke="black" stroke-width="0.50" stroke-linecap="butt" stroke-linejoin="miter">
</g>
<g fill="none" color="gray" stroke="currentColor" stroke-width="0.50" stroke-linecap="butt" stroke-linejoin="miter">
	<path stroke='gray' stroke-dasharray='2,4' class="gridline"  d='M18.4,27.1 L587.6,27.1  '/></g>
<g fill="none" color="gray" stroke="gray" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<path stroke='black'  d='M18.4,27.1 L22.9,27.1 M587.6,27.1 L583.1,27.1  '/>	<g transform="translate(14.3,29.1)" stroke="none" fill="black" font-family="Arial" font-size="6.00"  text-anchor="end">
		<text> 3</text>
	</g>
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<path stroke='black'  d='M18.4,177.5 L18.4,182.0 M18.4,27.1 L18.4,22.6  '/>	<g transform="translate(18.4,193.0)" stroke="none" fill="black" font-family="Arial" font-size="6.00"  text-anchor="middle">
		<text>-1</text>
	</g>
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<path stroke='black'  d='M84.4,177.5 L84.4,179.7 M84.4,27.1 L84.4,24.9 M150.5,177.5 L150.5,182.0 M150.5,27.1 L150.5,22.6
		 '/>	<g transform="translate(150.5,193.0)" stroke="none" fill="black" font-family="Arial" font-size="6.00"  text-anchor="middle">
		<text> 0</text>
	</g>
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<path stroke='black'  d='M216.5,177.5 L216.5,179.7 M216.5,27.1 L216.5,24.9 M282.5,177.5 L282.5,182.0 M282.5,27.1 L282.5,22.6
		 '/>	<g transform="translate(282.5,193.0)" stroke="none" fill="black" font-family="Arial" font-size="6.00"  text-anchor="middle">
		<text> 1</text>
	</g>
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<path stroke='black'  d='M348.5,177.5 L348.5,179.7 M348.5,27.1 L348.5,24.9 M414.6,177.5 L414.6,182.0 M414.6,27.1 L414.6,22.6
		 '/>	<g transform="translate(414.6,193.0)" stroke="none" fill="black" font-family="Arial" font-size="6.00"  text-anchor="middle">
		<text> 2</text>
	</g>
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<path stroke='black'  d='M480.6,177.5 L480.6,179.7 M480.6,27.1 L480.6,24.9 M546.6,177.5 L546.6,182.0 M546.6,27.1 L546.6,22.6
		 '/>	<g transform="translate(546.6,193.0)" stroke="none" fill="black" font-family="Arial" font-size="6.00"  text-anchor="middle">
		<text> 3</text>
	</g>
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<path stroke='black'  d='M18.4,27.1 L18.4,177.5 L587.6,177.5 L587.6,27.1 L18.4,27.1 Z  '/></g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<g transform="translate(8.0,102.3) rotate(270)" stroke="none" fill="black" font-family="Arial" font-size="6.00"  text-anchor="middle">
		<text></text>
	</g>
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<g transform="translate(303.0,15.6)" stroke="none" fill="black" font-family="Arial" font-size="6.00"  text-anchor="middle">
		<text>actions</text>
	</g>
</g>
	<g id="gnuplot_plot_1a" ><title>gnuplot_plot_1a</title>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<g stroke='none' shape-rendering='crispEdges'>
		<polygon fill = 'rgb(  0, 255,   0)' points = '204.2,139.9 204.8,139.9 204.8,114.7 204.2,114.7 '/>
	</g>
	<path stroke='rgb(  0, 255,   0)'  d='M204.2,139.9 L204.2,114.8 L204.7,114.8 L204.7,139.9 L204.2,139.9 Z  '/>	<g stroke='none' shape-rendering='crispEdges'>
		<polygon fill = 'rgb(  0, 255,   0)' points = '257.0,139.9 257.6,139.9 257.6,114.7 257.0,114.7 '/>
	</g>
	<path stroke='rgb(  0, 255,   0)'  d='M257.0,139.9 L257.0,114.8 L257.5,114.8 L257.5,139.9 L257.0,139.9 Z  '/>	<g stroke='none' shape-rendering='crispEdges'>
		<polygon fill = 'rgb(  0, 255,   0)' points = '296.6,139.9 297.2,139.9 297.2,114.7 296.6,114.7 '/>
	</g>
	<path stroke='rgb(  0, 255,   0)'  d='M296.6,139.9 L296.6,114.8 L297.1,114.8 L297.1,139.9 L296.6,139.9 Z  '/>	<g stroke='none' shape-rendering='crispEdges'>
		<polygon fill = 'rgb(  0, 255,   0)' points = '336.3,139.9 336.9,139.9 336.9,114.7 336.3,114.7 '/>
	</g>
	<path stroke='rgb(  0, 255,   0)'  d='M336.3,139.9 L336.3,114.8 L336.8,114.8 L336.8,139.9 L336.3,139.9 Z  '/>	<g stroke='none' shape-rendering='crispEdges'>
		<polygon fill = 'rgb(  0, 255,   0)' points = '375.9,139.9 376.5,139.9 376.5,114.7 375.9,114.7 '/>
	</g>
	<path stroke='rgb(  0, 255,   0)'  d='M375.9,139.9 L375.9,114.8 L376.4,114.8 L376.4,139.9 L375.9,139.9 Z  '/>	<g stroke='none' shape-rendering='crispEdges'>
		<polygon fill = 'rgb(  0, 255,   0)' points = '415.5,139.9 416.1,139.9 416.1,114.7 415.5,114.7 '/>
	</g>
	<path stroke='rgb(  0, 255,   0)'  d='M415.5,139.9 L415.5,114.8 L416.0,114.8 L416.0,139.9 L415.5,139.9 Z  '/>	<g stroke='none' shape-rendering='crispEdges'>
		<polygon fill = 'rgb(  0, 255,   0)' points = '455.1,139.9 455.7,139.9 455.7,114.7 455.1,114.7 '/>
	</g>
	<path stroke='rgb(  0, 255,   0)'  d='M455.1,139.9 L455.1,114.8 L455.6,114.8 L455.6,139.9 L455.1,139.9 Z  '/></g>
	</g>
	<g id="gnuplot_plot_2a" ><title>gnuplot_plot_2a</title>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<g id="gnuplot_plot_2a_keyentry" visibility="visible" onclick="gnuplot_svg.toggleVisibility(evt,'gnuplot_plot_2a')">
	<g transform="translate(554.4,38.1)" stroke="none" fill="black" font-family="Arial" font-size="6.00"  text-anchor="end">
		<text>myroad events (at y=1)</text>
	</g>
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	</g>
	<g transform="translate(204.2,116.8)" stroke="none" fill="black" font-family="Arial" font-size="6.00"  text-anchor="middle">
		<text>car</text>
	</g>
	<g transform="translate(257.0,116.8)" stroke="none" fill="black" font-family="Arial" font-size="6.00"  text-anchor="middle">
		<text>car</text>
	</g>
	<g transform="translate(296.6,116.8)" stroke="none" fill="black" font-family="Arial" font-size="6.00"  text-anchor="middle">
		<text>car</text>
	</g>
	<g transform="translate(336.3,116.8)" stroke="none" fill="black" font-family="Arial" font-size="6.00"  text-anchor="middle">
		<text>car</text>
	</g>
	<g transform="translate(375.9,116.8)" stroke="none" fill="black" font-family="Arial" font-size="6.00"  text-anchor="middle">
		<text>car</text>
	</g>
	<g transform="translate(415.5,116.8)" stroke="none" fill="black" font-family="Arial" font-size="6.00"  text-anchor="middle">
		<text>car</text>
	</g>
	<g transform="translate(455.1,116.8)" stroke="none" fill="black" font-family="Arial" font-size="6.00"  text-anchor="middle">
		<text>car</text>
	</g>
	<g id="gnuplot_plot_2a_keyentry" visibility="visible" onclick="gnuplot_svg.toggleVisibility(evt,'gnuplot_plot_2a')">
	</g>
</g>
	</g>
	<g id="gnuplot_plot_3a" ><title>gnuplot_plot_3a</title>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<g onmousemove="gnuplot_svg.showHypertext(evt,'exit status 0')" onmouseout="gnuplot_svg.hideHypertext()"><title> </title>
	<use xlink:href='#gpPt5' transform='translate(204.7,139.9) scale(1.12)' color='rgb(  0,   0,   0)'/></g>
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<g onmousemove="gnuplot_svg.showHypertext(evt,'exit status 0')" onmouseout="gnuplot_svg.hideHypertext()"><title> </title>
	<use xlink:href='#gpPt5' transform='translate(257.5,139.9) scale(1.12)' color='rgb(  0,   0,   0)'/></g>
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<g onmousemove="gnuplot_svg.showHypertext(evt,'exit status 0')" onmouseout="gnuplot_svg.hideHypertext()"><title> </title>
	<use xlink:href='#gpPt5' transform='translate(297.1,139.9) scale(1.12)' color='rgb(  0,   0,   0)'/></g>
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<g onmousemove="gnuplot_svg.showHypertext(evt,'exit status 0')" onmouseout="gnuplot_svg.hideHypertext()"><title> </title>
	<use xlink:href='#gpPt5' transform='translate(336.8,139.9) scale(1.12)' color='rgb(  0,   0,   0)'/></g>
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<g onmousemove="gnuplot_svg.showHypertext(evt,'exit status 0')" onmouseout="gnuplot_svg.hideHypertext()"><title> </title>
	<use xlink:href='#gpPt5' transform='translate(376.4,139.9) scale(1.12)' color='rgb(  0,   0,   0)'/></g>
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<g onmousemove="gnuplot_svg.showHypertext(evt,'exit status 0')" onmouseout="gnuplot_svg.hideHypertext()"><title> </title>
	<use xlink:href='#gpPt5' transform='translate(416.0,139.9) scale(1.12)' color='rgb(  0,   0,   0)'/></g>
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<g onmousemove="gnuplot_svg.showHypertext(evt,'exit status 0')" onmouseout="gnuplot_svg.hideHypertext()"><title> </title>
	<use xlink:href='#gpPt5' transform='translate(455.6,139.9) scale(1.12)' color='rgb(  0,   0,   0)'/></g>
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
</g>
	</g>
	<g id="gnuplot_plot_4a" ><title>gnuplot_plot_4a</title>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<g stroke='none' shape-rendering='crispEdges'>
		<polygon fill = 'rgb(  0, 255,   0)' points = '177.8,89.8 178.7,89.8 178.7,64.6 177.8,64.6 '/>
	</g>
	<path stroke='rgb(  0, 255,   0)'  d='M177.8,89.8 L177.8,64.7 L178.6,64.7 L178.6,89.8 L177.8,89.8 Z  '/>	<g stroke='none' shape-rendering='crispEdges'>
		<polygon fill = 'rgb(  0, 255,   0)' points = '230.6,89.8 231.6,89.8 231.6,64.6 230.6,64.6 '/>
	</g>
	<path stroke='rgb(  0, 255,   0)'  d='M230.6,89.8 L230.6,64.7 L231.5,64.7 L231.5,89.8 L230.6,89.8 Z  '/>	<g stroke='none' shape-rendering='crispEdges'>
		<polygon fill = 'rgb(  0, 255,   0)' points = '283.5,89.8 284.4,89.8 284.4,64.6 283.5,64.6 '/>
	</g>
	<path stroke='rgb(  0, 255,   0)'  d='M283.5,89.8 L283.5,64.7 L284.3,64.7 L284.3,89.8 L283.5,89.8 Z  '/>	<g stroke='none' shape-rendering='crispEdges'>
		<polygon fill = 'rgb(  0, 255,   0)' points = '336.3,89.8 337.3,89.8 337.3,64.6 336.3,64.6 '/>
	</g>
	<path stroke='rgb(  0, 255,   0)'  d='M336.3,89.8 L336.3,64.7 L337.2,64.7 L337.2,89.8 L336.3,89.8 Z  '/>	<g stroke='none' shape-rendering='crispEdges'>
		<polygon fill = 'rgb(  0, 255,   0)' points = '389.0,89.8 389.9,89.8 389.9,64.6 389.0,64.6 '/>
	</g>
	<path stroke='rgb(  0, 255,   0)'  d='M389.0,89.8 L389.0,64.7 L389.8,64.7 L389.8,89.8 L389.0,89.8 Z  '/>	<g stroke='none' shape-rendering='crispEdges'>
		<polygon fill = 'rgb(  0, 255,   0)' points = '441.9,89.8 442.8,89.8 442.8,64.6 441.9,64.6 '/>
	</g>
	<path stroke='rgb(  0, 255,   0)'  d='M441.9,89.8 L441.9,64.7 L442.7,64.7 L442.7,89.8 L441.9,89.8 Z  '/></g>
	</g>
	<g id="gnuplot_plot_5a" ><title>gnuplot_plot_5a</title>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<g id="gnuplot_plot_5a_keyentry" visibility="visible" onclick="gnuplot_svg.toggleVisibility(evt,'gnuplot_plot_5a')">
	<g transform="translate(554.4,47.1)" stroke="none" fill="black" font-family="Arial" font-size="6.00"  text-anchor="end">
		<text>mylight events (at y=2)</text>
	</g>
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	</g>
	<g transform="translate(177.8,66.7)" stroke="none" fill="black" font-family="Arial" font-size="6.00"  text-anchor="middle">
		<text>red</text>
	</g>
	<g transform="translate(230.6,66.7)" stroke="none" fill="black" font-family="Arial" font-size="6.00"  text-anchor="middle">
		<text>green</text>
	</g>
	<g transform="translate(283.5,66.7)" stroke="none" fill="black" font-family="Arial" font-size="6.00"  text-anchor="middle">
		<text>red</text>
	</g>
	<g transform="translate(336.3,66.7)" stroke="none" fill="black" font-family="Arial" font-size="6.00"  text-anchor="middle">
		<text>green</text>
	</g>
	<g transform="translate(389.0,66.7)" stroke="none" fill="black" font-family="Arial" font-size="6.00"  text-anchor="middle">
		<text>red</text>
	</g>
	<g transform="translate(441.9,66.7)" stroke="none" fill="black" font-family="Arial" font-size="6.00"  text-anchor="middle">
		<text>green</text>
	</g>
	<g id="gnuplot_plot_5a_keyentry" visibility="visible" onclick="gnuplot_svg.toggleVisibility(evt,'gnuplot_plot_5a')">
	</g>
</g>
	</g>
	<g id="gnuplot_plot_6a" ><title>gnuplot_plot_6a</title>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<g onmousemove="gnuplot_svg.showHypertext(evt,'exit status 0')" onmouseout="gnuplot_svg.hideHypertext()"><title> </title>
	<use xlink:href='#gpPt5' transform='translate(178.6,89.8) scale(1.12)' color='rgb(  0,   0,   0)'/></g>
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<g onmousemove="gnuplot_svg.showHypertext(evt,'exit status 0')" onmouseout="gnuplot_svg.hideHypertext()"><title> </title>
	<use xlink:href='#gpPt5' transform='translate(231.5,89.8) scale(1.12)' color='rgb(  0,   0,   0)'/></g>
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<g onmousemove="gnuplot_svg.showHypertext(evt,'exit status 0')" onmouseout="gnuplot_svg.hideHypertext()"><title> </title>
	<use xlink:href='#gpPt5' transform='translate(284.3,89.8) scale(1.12)' color='rgb(  0,   0,   0)'/></g>
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<g onmousemove="gnuplot_svg.showHypertext(evt,'exit status 0')" onmouseout="gnuplot_svg.hideHypertext()"><title> </title>
	<use xlink:href='#gpPt5' transform='translate(337.2,89.8) scale(1.12)' color='rgb(  0,   0,   0)'/></g>
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<g onmousemove="gnuplot_svg.showHypertext(evt,'exit status 0')" onmouseout="gnuplot_svg.hideHypertext()"><title> </title>
	<use xlink:href='#gpPt5' transform='translate(389.8,89.8) scale(1.12)' color='rgb(  0,   0,   0)'/></g>
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<g onmousemove="gnuplot_svg.showHypertext(evt,'exit status 0')" onmouseout="gnuplot_svg.hideHypertext()"><title> </title>
	<use xlink:href='#gpPt5' transform='translate(442.7,89.8) scale(1.12)' color='rgb(  0,   0,   0)'/></g>
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
</g>
	</g>
<g fill="none" color="white" stroke="black" stroke-width="2.00" stroke-linecap="butt" stroke-linejoin="miter">
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="2.00" stroke-linecap="butt" stroke-linejoin="miter">
</g>
<g fill="none" color="black" stroke="black" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<path stroke='black'  d='M18.4,27.1 L18.4,177.5 L587.6,177.5 L587.6,27.1 L18.4,27.1 Z  '/></g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
</g>
<g fill="none" color="black" stroke="black" stroke-width="0.50" stroke-linecap="butt" stroke-linejoin="miter">
</g>
<g fill="none" color="gray" stroke="currentColor" stroke-width="0.50" stroke-linecap="butt" stroke-linejoin="miter">
	<path stroke='gray' stroke-dasharray='2,4' class="gridline"  d='M18.4,377.5 L587.6,377.5  '/></g>
<g fill="none" color="gray" stroke="gray" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<path stroke='black'  d='M18.4,377.5 L22.9,377.5 M587.6,377.5 L583.1,377.5  '/>	<g transform="translate(14.3,379.5)" stroke="none" fill="black" font-family="Arial" font-size="6.00"  text-anchor="end">
		<text> 0</text>
	</g>
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
</g>
<g fill="none" color="black" stroke="black" stroke-width="0.50" stroke-linecap="butt" stroke-linejoin="miter">
</g>
<g fill="none" color="gray" stroke="currentColor" stroke-width="0.50" stroke-linecap="butt" stroke-linejoin="miter">
	<path stroke='gray' stroke-dasharray='2,4' class="gridline"  d='M18.4,327.3 L587.6,327.3  '/></g>
<g fill="none" color="gray" stroke="gray" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<path stroke='black'  d='M18.4,327.3 L22.9,327.3 M587.6,327.3 L583.1,327.3  '/>	<g transform="translate(14.3,329.3)" stroke="none" fill="black" font-family="Arial" font-size="6.00"  text-anchor="end">
		<text> 1</text>
	</g>
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
</g>
<g fill="none" color="black" stroke="black" stroke-width="0.50" stroke-linecap="butt" stroke-linejoin="miter">
</g>
<g fill="none" color="gray" stroke="currentColor" stroke-width="0.50" stroke-linecap="butt" stroke-linejoin="miter">
	<path stroke='gray' stroke-dasharray='2,4' class="gridline"  d='M18.4,277.2 L587.6,277.2  '/></g>
<g fill="none" color="gray" stroke="gray" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<path stroke='black'  d='M18.4,277.2 L22.9,277.2 M587.6,277.2 L583.1,277.2  '/>	<g transform="translate(14.3,279.2)" stroke="none" fill="black" font-family="Arial" font-size="6.00"  text-anchor="end">
		<text> 2</text>
	</g>
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
</g>
<g fill="none" color="black" stroke="black" stroke-width="0.50" stroke-linecap="butt" stroke-linejoin="miter">
</g>
<g fill="none" color="gray" stroke="currentColor" stroke-width="0.50" stroke-linecap="butt" stroke-linejoin="miter">
	<path stroke='gray' stroke-dasharray='2,4' class="gridline"  d='M18.4,227.0 L587.6,227.0  '/></g>
<g fill="none" color="gray" stroke="gray" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<path stroke='black'  d='M18.4,227.0 L22.9,227.0 M587.6,227.0 L583.1,227.0  '/>	<g transform="translate(14.3,229.0)" stroke="none" fill="black" font-family="Arial" font-size="6.00"  text-anchor="end">
		<text> 3</text>
	</g>
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<path stroke='black'  d='M18.4,377.5 L18.4,382.0 M18.4,227.0 L18.4,222.5  '/>	<g transform="translate(18.4,393.0)" stroke="none" fill="black" font-family="Arial" font-size="6.00"  text-anchor="middle">
		<text>-1</text>
	</g>
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<path stroke='black'  d='M84.4,377.5 L84.4,379.7 M84.4,227.0 L84.4,224.8 M150.5,377.5 L150.5,382.0 M150.5,227.0 L150.5,222.5
		 '/>	<g transform="translate(150.5,393.0)" stroke="none" fill="black" font-family="Arial" font-size="6.00"  text-anchor="middle">
		<text> 0</text>
	</g>
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<path stroke='black'  d='M216.5,377.5 L216.5,379.7 M216.5,227.0 L216.5,224.8 M282.5,377.5 L282.5,382.0 M282.5,227.0 L282.5,222.5
		 '/>	<g transform="translate(282.5,393.0)" stroke="none" fill="black" font-family="Arial" font-size="6.00"  text-anchor="middle">
		<text> 1</text>
	</g>
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<path stroke='black'  d='M348.5,377.5 L348.5,379.7 M348.5,227.0 L348.5,224.8 M414.6,377.5 L414.6,382.0 M414.6,227.0 L414.6,222.5
		 '/>	<g transform="translate(414.6,393.0)" stroke="none" fill="black" font-family="Arial" font-size="6.00"  text-anchor="middle">
		<text> 2</text>
	</g>
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<path stroke='black'  d='M480.6,377.5 L480.6,379.7 M480.6,227.0 L480.6,224.8 M546.6,377.5 L546.6,382.0 M546.6,227.0 L546.6,222.5
		 '/>	<g transform="translate(546.6,393.0)" stroke="none" fill="black" font-family="Arial" font-size="6.00"  text-anchor="middle">
		<text> 3</text>
	</g>
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<path stroke='black'  d='M18.4,227.0 L18.4,377.5 L587.6,377.5 L587.6,227.0 L18.4,227.0 Z  '/></g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<g stroke='none' shape-rendering='crispEdges'>
		<polygon fill = 'rgb(255,   0,   0)' fill-opacity = '0.300000' points = '178.6,377.5 231.5,377.5 231.5,227.1 178.6,227.1 '/>
	</g>
	<path stroke='black'  d='M178.6,377.5 L178.6,227.1 L231.5,227.1 L231.5,377.5 L178.6,377.5 Z  '/></g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<g stroke='none' shape-rendering='crispEdges'>
		<polygon fill = 'rgb(255,   0,   0)' fill-opacity = '0.300000' points = '284.3,377.5 337.3,377.5 337.3,227.1 284.3,227.1 '/>
	</g>
	<path stroke='black'  d='M284.3,377.5 L284.3,227.1 L337.3,227.1 L337.3,377.5 L284.3,377.5 Z  '/></g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<g stroke='none' shape-rendering='crispEdges'>
		<polygon fill = 'rgb(255,   0,   0)' fill-opacity = '0.300000' points = '389.8,377.5 442.8,377.5 442.8,227.1 389.8,227.1 '/>
	</g>
	<path stroke='black'  d='M389.8,377.5 L389.8,227.1 L442.8,227.1 L442.8,377.5 L389.8,377.5 Z  '/></g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<g transform="translate(8.0,302.3) rotate(270)" stroke="none" fill="black" font-family="Arial" font-size="6.00"  text-anchor="middle">
		<text></text>
	</g>
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<g transform="translate(303.0,215.5)" stroke="none" fill="black" font-family="Arial" font-size="6.00"  text-anchor="middle">
		<text>audience observer</text>
	</g>
</g>
	<g id="gnuplot_plot_1b" ><title>gnuplot_plot_1b</title>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<g id="gnuplot_plot_1b_keyentry" visibility="visible" onclick="gnuplot_svg.toggleVisibility(evt,'gnuplot_plot_1b')">
	<g transform="translate(554.4,238.0)" stroke="none" fill="black" font-family="Arial" font-size="6.00"  text-anchor="end">
		<text>myroad ride (around y=1)</text>
	</g>
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	</g>
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<g onmousemove="gnuplot_svg.showHypertext(evt,'car rides')" onmouseout="gnuplot_svg.hideHypertext()"><title> </title>
	<use xlink:href='#gpPt5' transform='translate(257.5,316.3) scale(1.12)' color='rgb(  0,   0,   0)'/></g>
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<g onmousemove="gnuplot_svg.showHypertext(evt,'car rides')" onmouseout="gnuplot_svg.hideHypertext()"><title> </title>
	<use xlink:href='#gpPt5' transform='translate(376.4,329.2) scale(1.12)' color='rgb(  0,   0,   0)'/></g>
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<g onmousemove="gnuplot_svg.showHypertext(evt,'car rides')" onmouseout="gnuplot_svg.hideHypertext()"><title> </title>
	<use xlink:href='#gpPt5' transform='translate(455.5,338.2) scale(1.12)' color='rgb(  0,   0,   0)'/></g>
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<g id="gnuplot_plot_1b_keyentry" visibility="visible" onclick="gnuplot_svg.toggleVisibility(evt,'gnuplot_plot_1b')">
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<use xlink:href='#gpPt5' transform='translate(568.9,236.0) scale(1.12)' color='rgb(  0,   0,   0)'/>
	</g>
</g>
	</g>
	<g id="gnuplot_plot_2b" ><title>gnuplot_plot_2b</title>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<g id="gnuplot_plot_2b_keyentry" visibility="visible" onclick="gnuplot_svg.toggleVisibility(evt,'gnuplot_plot_2b')">
	<g transform="translate(554.4,247.0)" stroke="none" fill="black" font-family="Arial" font-size="6.00"  text-anchor="end">
		<text>myroad stop (around y=2)</text>
	</g>
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	</g>
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<g onmousemove="gnuplot_svg.showHypertext(evt,'car stopped')" onmouseout="gnuplot_svg.hideHypertext()"><title> </title>
	<use xlink:href='#gpPt5' transform='translate(204.7,274.6) scale(1.12)' color='rgb(  0,   0,   0)'/></g>
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<g onmousemove="gnuplot_svg.showHypertext(evt,'car stopped')" onmouseout="gnuplot_svg.hideHypertext()"><title> </title>
	<use xlink:href='#gpPt5' transform='translate(297.1,273.1) scale(1.12)' color='rgb(  0,   0,   0)'/></g>
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<g onmousemove="gnuplot_svg.showHypertext(evt,'car stopped')" onmouseout="gnuplot_svg.hideHypertext()"><title> </title>
	<use xlink:href='#gpPt5' transform='translate(336.8,278.7) scale(1.12)' color='rgb(  0,   0,   0)'/></g>
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<g onmousemove="gnuplot_svg.showHypertext(evt,'car stopped')" onmouseout="gnuplot_svg.hideHypertext()"><title> </title>
	<use xlink:href='#gpPt5' transform='translate(416.0,272.5) scale(1.12)' color='rgb(  0,   0,   0)'/></g>
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<g id="gnuplot_plot_2b_keyentry" visibility="visible" onclick="gnuplot_svg.toggleVisibility(evt,'gnuplot_plot_2b')">
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<use xlink:href='#gpPt5' transform='translate(568.9,245.0) scale(1.12)' color='rgb(  0,   0,   0)'/>
	</g>
</g>
	</g>
<g fill="none" color="white" stroke="rgb(  0,   0,   0)" stroke-width="2.00" stroke-linecap="butt" stroke-linejoin="miter">
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="2.00" stroke-linecap="butt" stroke-linejoin="miter">
</g>
<g fill="none" color="black" stroke="black" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
</g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
	<path stroke='black'  d='M18.4,227.0 L18.4,377.5 L587.6,377.5 L587.6,227.0 L18.4,227.0 Z  '/></g>
<g fill="none" color="black" stroke="currentColor" stroke-width="1.00" stroke-linecap="butt" stroke-linejoin="miter">
</g>

<script type="text/javascript"><![CDATA[
// plot boundaries and axis scaling information for mousing 
gnuplot_svg.plot_term_xmax = 600;
gnuplot_svg.plot_term_ymax = 400;
gnuplot_svg.plot_xmin = 18.4;
gnuplot_svg.plot_xmax = 587.6;
gnuplot_svg.plot_ybot = 377.5;
gnuplot_svg.plot_ytop = 227.0;
gnuplot_svg.plot_width = 569.2;
gnuplot_svg.plot_height = 150.5;
gnuplot_svg.plot_axis_xmin = -1;
gnuplot_svg.plot_axis_xmax = 3.31043;
gnuplot_svg.plot_axis_ymin = 0;
gnuplot_svg.plot_axis_ymax = 3;
gnuplot_svg.polar_mode = false;
gnuplot_svg.plot_axis_x2min = "none"
gnuplot_svg.plot_axis_y2min = "none"
gnuplot_svg.plot_logaxis_x = 0;
gnuplot_svg.plot_logaxis_y = 0;
gnuplot_svg.plot_timeaxis_x = "";
gnuplot_svg.plot_timeaxis_y = "";
]]>
</script>
</g>

  <text id="coord_text" text-anchor="start" pointer-events="none"
  font-size="12" font-family="Arial"
  visibility="hidden"> </text>

  <rect id="hypertextbox" class="hypertextbox" pointer-events="none"
  fill="white" stroke="black" opacity="0.8"
  height="16" visibility="hidden" />

  <text id="hypertext" class="hypertext" pointer-events="none"
  font-size="12" font-family="Arial"
  visibility="hidden"> </text>

  <image id="hyperimage" class="hyperimage" pointer-events="none"
  fill="white" stroke="black" opacity="0.8"
  height="200" width="300" visibility="hidden" />

  <image x='10' y='374' width='16' height='16' xlink:href='grid.png'
    onclick='gnuplot_svg.toggleGrid();'/>
</svg>