website-theme/static/sparkline.svg

39 lines
No EOL
1.4 KiB
XML

<svg version="1.1"
baseProfile="full"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:ev="http://www.w3.org/2001/xml-events"
width="100%" height="100%"
onload='draw()'>
<script><![CDATA[
function draw() {
var parts = [], mx = -99999999, mn = 9999999;
svgRoot = document.getElementsByTagName("svg")[0]
var ln = document.createElementNS ("http://www.w3.org/2000/svg", "polyline");
var x=0;
location.search.substr(1).split(",").forEach(function(n) {
if (n !=='') {
var y = parseInt(n, 10);
var pt = svgRoot.createSVGPoint();
pt.x = x;
pt.y = y;
ln.points.appendItem(pt);
mx = Math.max(mx, y);
mn = Math.min(mn, y);
x=x+1;
}
});
ln.setAttribute("stroke", "rgba(0,0,0,1)");
ln.setAttribute("stroke-width", ".5%");
ln.setAttribute("fill","none");
var height = mx-mn+1;
var width = x;
var offset = height+mn*2; // flip co-ordinates and move back into frame
ln.setAttribute("transform","matrix(1 0 0 -1 0 " + offset +")");
svgRoot.appendChild(ln);
svgRoot.setAttribute("viewBox","0 " + mn +" "+ width + " " + height);
svgRoot.setAttribute("preserveAspectRatio","none");
}
]]></script>
</svg>