Skip to content

Instantly share code, notes, and snippets.

@pastokes

pastokes/svg-distribution.xsl

Last active April 15, 2018 14:45
Show Gist options
  • Save pastokes/9186e0291dcf4a446cd0debe8818657e to your computer and use it in GitHub Desktop.
Save pastokes/9186e0291dcf4a446cd0debe8818657e to your computer and use it in GitHub Desktop.
Download ZIP
Raw
svg-distribution.xsl
<?xml version="1.0" encoding="UTF-8"?>
<!--
This stylesheet is designed to be used as an API transform in the Archetype framework (http://archetype.ink).
To use, set up an instance of Archetype, log in to the back end, then create a new API Transform. Paste this code into the 'Template'
field. The request needs to be of the form hand/?@format=xml&@select=item_part,label,*assigned_date,min_weight,max_weight,date
You will need to add a filter to the request, such as _graphs__graph_components__features__name=turned left
For further information on API requests see https://github.com/kcl-ddh/digipal/wiki/The-Web-API-Syntax
Note that Archetype is based on libraries that only accept XSLT1.0. The code could be significantly simplified with XSLT 2.0.
Much of the code is also taken up with a lookup table for the blurred bars. This could also probably be simplified by using
SVG's feGaussianBlur, but browser support for this seems limited at present.
This code is released CC0: you may do whatever you like with it, although credit would be appreciated where appropriate.
Peter A. Stokes, École Pratique des Hautes Études – Université Paris Sciences et Lettres.
-->
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:xs="http://www.w3.org/2001/XMLSchema" xmlns:xlink="http://www.w3.org/1999/xlink" exclude-result-prefixes="xs"
version="2.0">
<xsl:param name="rectWidth">2100</xsl:param>
<xsl:param name="xMinimum">-1300</xsl:param>
<xsl:template match="/">
<h3><xsl:value-of select="/response/count"/> matching results</h3>
<xsl:variable name="imgHeight" select="count(/response/results/item)*50"/>
<svg width="30cm" height="{3*count(/response/results/item) div 10}cm" viewBox="0 0 2400 {count(/response/results/item)*50}" version="1.1"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<desc>Visualisation of dates for scribal hands</desc>
<!-- Set up gradients -->
<g>
<linearGradient id="Gradient1">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="1.799999999999999%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="15%" stop-opacity="80%" stop-color="#0000FF"/>
<stop offset="35%" stop-opacity="80%" stop-color="#0000FF"/>
<stop offset="48.2%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient2">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="-8%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="25%" stop-opacity="50%" stop-color="#0000FF"/>
<stop offset="75%" stop-opacity="50%" stop-color="#0000FF"/>
<stop offset="108%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient3">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="15.1%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="25%" stop-opacity="85%" stop-color="#0000FF"/>
<stop offset="40%" stop-opacity="85%" stop-color="#0000FF"/>
<stop offset="49.9%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient4">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="30.61%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="41.5%" stop-opacity="83.5%" stop-color="#0000FF"/>
<stop offset="58%" stop-opacity="83.5%" stop-color="#0000FF"/>
<stop offset="68.89%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient5">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="58.4%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="65%" stop-opacity="90%" stop-color="#0000FF"/>
<stop offset="75%" stop-opacity="90%" stop-color="#0000FF"/>
<stop offset="81.6%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient6">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="8.5%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="25%" stop-opacity="75%" stop-color="#0000FF"/>
<stop offset="50%" stop-opacity="75%" stop-color="#0000FF"/>
<stop offset="66.5%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient7">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="33.5%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="50%" stop-opacity="75%" stop-color="#0000FF"/>
<stop offset="75%" stop-opacity="75%" stop-color="#0000FF"/>
<stop offset="91.5%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient8">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="16.75%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="25%" stop-opacity="87.5%" stop-color="#0000FF"/>
<stop offset="37.5%" stop-opacity="87.5%" stop-color="#0000FF"/>
<stop offset="45.75%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient9">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="29.25%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="37.5%" stop-opacity="87.5%" stop-color="#0000FF"/>
<stop offset="50%" stop-opacity="87.5%" stop-color="#0000FF"/>
<stop offset="58.25%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient10">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="41.75%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="50%" stop-opacity="87.5%" stop-color="#0000FF"/>
<stop offset="62.5%" stop-opacity="87.5%" stop-color="#0000FF"/>
<stop offset="70.75%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient11">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="54.25%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="62.5%" stop-opacity="87.5%" stop-color="#0000FF"/>
<stop offset="75%" stop-opacity="87.5%" stop-color="#0000FF"/>
<stop offset="83.25%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient12">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="14.11%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="25%" stop-opacity="83.5%" stop-color="#0000FF"/>
<stop offset="41.5%" stop-opacity="83.5%" stop-color="#0000FF"/>
<stop offset="52.39%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient13">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="30.61%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="41.5%" stop-opacity="83.5%" stop-color="#0000FF"/>
<stop offset="58%" stop-opacity="83.5%" stop-color="#0000FF"/>
<stop offset="68.89%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient14">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="46.78%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="58%" stop-opacity="83%" stop-color="#0000FF"/>
<stop offset="75%" stop-opacity="83%" stop-color="#0000FF"/>
<stop offset="86.22%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient15">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="51.8%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="65%" stop-opacity="80%" stop-color="#0000FF"/>
<stop offset="85%" stop-opacity="80%" stop-color="#0000FF"/>
<stop offset="98.2%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient16">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="3.219999999999999%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="25%" stop-opacity="67%" stop-color="#0000FF"/>
<stop offset="58%" stop-opacity="67%" stop-color="#0000FF"/>
<stop offset="79.78%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient17">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="46.78%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="58%" stop-opacity="83%" stop-color="#0000FF"/>
<stop offset="75%" stop-opacity="83%" stop-color="#0000FF"/>
<stop offset="86.22%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient18">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="19.39%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="41.5%" stop-opacity="66.5%" stop-color="#0000FF"/>
<stop offset="75%" stop-opacity="66.5%" stop-color="#0000FF"/>
<stop offset="97.11%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient19">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="33.5%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="50%" stop-opacity="75%" stop-color="#0000FF"/>
<stop offset="75%" stop-opacity="75%" stop-color="#0000FF"/>
<stop offset="91.5%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient20">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="3.219999999999999%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="25%" stop-opacity="67%" stop-color="#0000FF"/>
<stop offset="58%" stop-opacity="67%" stop-color="#0000FF"/>
<stop offset="79.78%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient21">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="26.9%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="50%" stop-opacity="65%" stop-color="#0000FF"/>
<stop offset="85%" stop-opacity="65%" stop-color="#0000FF"/>
<stop offset="108.1%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient22">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="55.1%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="65%" stop-opacity="85%" stop-color="#0000FF"/>
<stop offset="80%" stop-opacity="85%" stop-color="#0000FF"/>
<stop offset="89.9%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient23">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="15.1%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="25%" stop-opacity="85%" stop-color="#0000FF"/>
<stop offset="40%" stop-opacity="85%" stop-color="#0000FF"/>
<stop offset="49.9%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient24">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="8.5%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="25%" stop-opacity="75%" stop-color="#0000FF"/>
<stop offset="50%" stop-opacity="75%" stop-color="#0000FF"/>
<stop offset="66.5%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient25">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="26.9%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="50%" stop-opacity="65%" stop-color="#0000FF"/>
<stop offset="85%" stop-opacity="65%" stop-color="#0000FF"/>
<stop offset="108.1%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient26">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="47.65%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="62.5%" stop-opacity="77.5%" stop-color="#0000FF"/>
<stop offset="85%" stop-opacity="77.5%" stop-color="#0000FF"/>
<stop offset="99.85%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient27">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="-1.5%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="15%" stop-opacity="75%" stop-color="#0000FF"/>
<stop offset="40%" stop-opacity="75%" stop-color="#0000FF"/>
<stop offset="56.5%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient28">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="23.97%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="37.5%" stop-opacity="79.5%" stop-color="#0000FF"/>
<stop offset="58%" stop-opacity="79.5%" stop-color="#0000FF"/>
<stop offset="71.53%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient29">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="27.64%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="41.5%" stop-opacity="79%" stop-color="#0000FF"/>
<stop offset="62.5%" stop-opacity="79%" stop-color="#0000FF"/>
<stop offset="76.36%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient30">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="-8.100000000000001%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="15%" stop-opacity="65%" stop-color="#0000FF"/>
<stop offset="50%" stop-opacity="65%" stop-color="#0000FF"/>
<stop offset="73.1%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient31">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="-24.6%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="15%" stop-opacity="40%" stop-color="#0000FF"/>
<stop offset="75%" stop-opacity="40%" stop-color="#0000FF"/>
<stop offset="114.6%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient32">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="-23.1%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="0%" stop-opacity="65%" stop-color="#0000FF"/>
<stop offset="35%" stop-opacity="65%" stop-color="#0000FF"/>
<stop offset="58.1%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient33">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="8.5%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="25%" stop-opacity="75%" stop-color="#0000FF"/>
<stop offset="50%" stop-opacity="75%" stop-color="#0000FF"/>
<stop offset="66.5%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient34">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="21%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="37.5%" stop-opacity="75%" stop-color="#0000FF"/>
<stop offset="62.5%" stop-opacity="75%" stop-color="#0000FF"/>
<stop offset="79%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient35">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="8.5%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="25%" stop-opacity="75%" stop-color="#0000FF"/>
<stop offset="50%" stop-opacity="75%" stop-color="#0000FF"/>
<stop offset="66.5%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient36">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="51.8%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="65%" stop-opacity="80%" stop-color="#0000FF"/>
<stop offset="85%" stop-opacity="80%" stop-color="#0000FF"/>
<stop offset="98.2%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient37">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="1.799999999999999%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="15%" stop-opacity="80%" stop-color="#0000FF"/>
<stop offset="35%" stop-opacity="80%" stop-color="#0000FF"/>
<stop offset="48.2%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient38">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="-13.380000000000003%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="15%" stop-opacity="57%" stop-color="#0000FF"/>
<stop offset="58%" stop-opacity="57%" stop-color="#0000FF"/>
<stop offset="86.38%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient39">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="-23.1%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="0%" stop-opacity="65%" stop-color="#0000FF"/>
<stop offset="35%" stop-opacity="65%" stop-color="#0000FF"/>
<stop offset="58.1%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient40">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="21%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="37.5%" stop-opacity="75%" stop-color="#0000FF"/>
<stop offset="62.5%" stop-opacity="75%" stop-color="#0000FF"/>
<stop offset="79%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient41">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="-8.100000000000001%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="15%" stop-opacity="65%" stop-color="#0000FF"/>
<stop offset="50%" stop-opacity="65%" stop-color="#0000FF"/>
<stop offset="73.1%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient42">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="39.42%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="48%" stop-opacity="87%" stop-color="#0000FF"/>
<stop offset="61%" stop-opacity="87%" stop-color="#0000FF"/>
<stop offset="69.58%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient43">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="-13.380000000000003%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="15%" stop-opacity="57%" stop-color="#0000FF"/>
<stop offset="58%" stop-opacity="57%" stop-color="#0000FF"/>
<stop offset="86.38%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient44">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="-13.380000000000003%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="15%" stop-opacity="57%" stop-color="#0000FF"/>
<stop offset="58%" stop-opacity="57%" stop-color="#0000FF"/>
<stop offset="86.38%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient45">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="-24.75%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="0%" stop-opacity="62.5%" stop-color="#0000FF"/>
<stop offset="37.5%" stop-opacity="62.5%" stop-color="#0000FF"/>
<stop offset="62.25%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient46">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="-16.5%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="0%" stop-opacity="75%" stop-color="#0000FF"/>
<stop offset="25%" stop-opacity="75%" stop-color="#0000FF"/>
<stop offset="41.5%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient53">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="-8.25%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="0%" stop-opacity="87.5%" stop-color="#0000FF"/>
<stop offset="12.5%" stop-opacity="87.5%" stop-color="#0000FF"/>
<stop offset="20.75%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient57">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="4.25%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="12.5%" stop-opacity="87.5%" stop-color="#0000FF"/>
<stop offset="25%" stop-opacity="87.5%" stop-color="#0000FF"/>
<stop offset="33.25%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient60">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="67.53%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="70.5%" stop-opacity="95.5%" stop-color="#0000FF"/>
<stop offset="75%" stop-opacity="95.5%" stop-color="#0000FF"/>
<stop offset="77.97%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient61">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="63.19%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="65.5%" stop-opacity="96.5%" stop-color="#0000FF"/>
<stop offset="69%" stop-opacity="96.5%" stop-color="#0000FF"/>
<stop offset="71.31%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient62">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="56.7%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="60%" stop-opacity="95%" stop-color="#0000FF"/>
<stop offset="65%" stop-opacity="95%" stop-color="#0000FF"/>
<stop offset="68.3%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient63">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="61.7%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="65%" stop-opacity="95%" stop-color="#0000FF"/>
<stop offset="70%" stop-opacity="95%" stop-color="#0000FF"/>
<stop offset="73.3%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient64">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="22.56%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="28.5%" stop-opacity="91%" stop-color="#0000FF"/>
<stop offset="37.5%" stop-opacity="91%" stop-color="#0000FF"/>
<stop offset="43.44%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient65">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="27.37%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="31%" stop-opacity="94.5%" stop-color="#0000FF"/>
<stop offset="36.5%" stop-opacity="94.5%" stop-color="#0000FF"/>
<stop offset="40.13%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient66">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="56.38%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="61%" stop-opacity="93%" stop-color="#0000FF"/>
<stop offset="68%" stop-opacity="93%" stop-color="#0000FF"/>
<stop offset="72.62%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient67">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="26.7%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="30%" stop-opacity="95%" stop-color="#0000FF"/>
<stop offset="35%" stop-opacity="95%" stop-color="#0000FF"/>
<stop offset="38.3%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient68">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="66.7%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="70%" stop-opacity="95%" stop-color="#0000FF"/>
<stop offset="75%" stop-opacity="95%" stop-color="#0000FF"/>
<stop offset="78.3%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient69">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="29.2%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="32.5%" stop-opacity="95%" stop-color="#0000FF"/>
<stop offset="37.5%" stop-opacity="95%" stop-color="#0000FF"/>
<stop offset="40.8%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient70">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="67.67%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="68%" stop-opacity="99.5%" stop-color="#0000FF"/>
<stop offset="68.5%" stop-opacity="99.5%" stop-color="#0000FF"/>
<stop offset="68.83%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient71">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="16.75%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="25%" stop-opacity="87.5%" stop-color="#0000FF"/>
<stop offset="37.5%" stop-opacity="87.5%" stop-color="#0000FF"/>
<stop offset="45.75%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient72">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="46.21%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="50.5%" stop-opacity="93.5%" stop-color="#0000FF"/>
<stop offset="57%" stop-opacity="93.5%" stop-color="#0000FF"/>
<stop offset="61.29%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient73">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="55.52%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="57.5%" stop-opacity="97%" stop-color="#0000FF"/>
<stop offset="60.5%" stop-opacity="97%" stop-color="#0000FF"/>
<stop offset="62.48%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient74">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="65.2%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="68.5%" stop-opacity="95%" stop-color="#0000FF"/>
<stop offset="73.5%" stop-opacity="95%" stop-color="#0000FF"/>
<stop offset="76.8%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient75">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="19.53%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="22.5%" stop-opacity="95.5%" stop-color="#0000FF"/>
<stop offset="27%" stop-opacity="95.5%" stop-color="#0000FF"/>
<stop offset="29.97%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient76">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="69.2%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="72.5%" stop-opacity="95%" stop-color="#0000FF"/>
<stop offset="77.5%" stop-opacity="95%" stop-color="#0000FF"/>
<stop offset="80.8%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient77">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="-8.100000000000001%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="15%" stop-opacity="65%" stop-color="#0000FF"/>
<stop offset="50%" stop-opacity="65%" stop-color="#0000FF"/>
<stop offset="73.1%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient78">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="-58%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="-25%" stop-opacity="50%" stop-color="#0000FF"/>
<stop offset="25%" stop-opacity="50%" stop-color="#0000FF"/>
<stop offset="58%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient79">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="8.399999999999999%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="15%" stop-opacity="90%" stop-color="#0000FF"/>
<stop offset="25%" stop-opacity="90%" stop-color="#0000FF"/>
<stop offset="31.6%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient84">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="-16.5%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="0%" stop-opacity="75%" stop-color="#0000FF"/>
<stop offset="25%" stop-opacity="75%" stop-color="#0000FF"/>
<stop offset="41.5%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient86">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="-3.2200000000000006%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="8%" stop-opacity="83%" stop-color="#0000FF"/>
<stop offset="25%" stop-opacity="83%" stop-color="#0000FF"/>
<stop offset="36.22%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient102">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="-37.21%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="-8.5%" stop-opacity="56.5%" stop-color="#0000FF"/>
<stop offset="35%" stop-opacity="56.5%" stop-color="#0000FF"/>
<stop offset="63.71%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient103">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="-33%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="0%" stop-opacity="50%" stop-color="#0000FF"/>
<stop offset="50%" stop-opacity="50%" stop-color="#0000FF"/>
<stop offset="83%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient104">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="23.41%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="31%" stop-opacity="88.5%" stop-color="#0000FF"/>
<stop offset="42.5%" stop-opacity="88.5%" stop-color="#0000FF"/>
<stop offset="50.09%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient105">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="58.35%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="60%" stop-opacity="97.5%" stop-color="#0000FF"/>
<stop offset="62.5%" stop-opacity="97.5%" stop-color="#0000FF"/>
<stop offset="64.15%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient106">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="59.2%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="62.5%" stop-opacity="95%" stop-color="#0000FF"/>
<stop offset="67.5%" stop-opacity="95%" stop-color="#0000FF"/>
<stop offset="70.8%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient107">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="61.7%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="65%" stop-opacity="95%" stop-color="#0000FF"/>
<stop offset="70%" stop-opacity="95%" stop-color="#0000FF"/>
<stop offset="73.3%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient108">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="51.07%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="58%" stop-opacity="89.5%" stop-color="#0000FF"/>
<stop offset="68.5%" stop-opacity="89.5%" stop-color="#0000FF"/>
<stop offset="75.43%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient122">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="-91%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="-25%" stop-opacity="0%" stop-color="#0000FF"/>
<stop offset="75%" stop-opacity="0%" stop-color="#0000FF"/>
<stop offset="141%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient126">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="-30.61%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="-8.5%" stop-opacity="66.5%" stop-color="#0000FF"/>
<stop offset="25%" stop-opacity="66.5%" stop-color="#0000FF"/>
<stop offset="47.11%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient128">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="30.2%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="33.5%" stop-opacity="95%" stop-color="#0000FF"/>
<stop offset="38.5%" stop-opacity="95%" stop-color="#0000FF"/>
<stop offset="41.8%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
<linearGradient id="Gradient133">
<stop offset="0%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="68.4%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="75%" stop-opacity="90%" stop-color="#0000FF"/>
<stop offset="85%" stop-opacity="90%" stop-color="#0000FF"/>
<stop offset="91.6%" stop-opacity="0%" stop-color="#FFFFFF"/>
<stop offset="100%" stop-opacity="0%" stop-color="#FFFFFF"/>
</linearGradient>
</g>
<!-- Now add the rectangles -->
<xsl:for-each select="/response/results/item">
<xsl:sort select="((assigned_date/max_weight - assigned_date/min_weight) div 2) + assigned_date/min_weight" data-type="number"/>
<a xlink:href="/digipal/hands/{id}" xlink:title="{assigned_date/date}">
<rect fill="url(#Gradient{assigned_date__id})" x="{10 + $xMinimum}" y="{10 + (position() - 1)*50}" width="2100" height="50"/>
<text x="{2150 + $xMinimum}" y="{30 + (position() - 1)*50}" font-size="30">
<xsl:value-of select="item_part"/>
<xsl:text> [</xsl:text>
<xsl:value-of select="label"/>
<xsl:text>]</xsl:text>
<xsl:variable name="gradientID" select="concat('Gradient',assigned_date__id)"/>
<xsl:text> (</xsl:text>
<xsl:value-of select="assigned_date/date"/>
<xsl:text>)</xsl:text>
</text>
</a>
</xsl:for-each>
<!-- Add some axes -->
<rect x="{$rectWidth*0.125 + $xMinimum}" y="10" width="5" height="{$imgHeight}" style="fill:#666666;opacity:0.3"/>
<rect x="{$rectWidth*0.25 + $xMinimum}" y="10" width="5" height="{$imgHeight}" style="fill:#666666;opacity:0.7"/>
<rect x="{$rectWidth*0.375 + $xMinimum}" y="10" width="5" height="{$imgHeight}" style="fill:#666666;opacity:0.3"/>
<rect x="{$rectWidth*0.5 + $xMinimum}" y="10" width="5" height="{$imgHeight}" style="fill:#666666;opacity:0.7"/>
<rect x="{$rectWidth*0.625 + $xMinimum}" y="10" width="5" height="{$imgHeight}" style="fill:#666666;opacity:0.3"/>
<rect x="{$rectWidth*0.75 + $xMinimum}" y="10" width="5" height="{$imgHeight}" style="fill:#666666;opacity:0.7"/>
<rect x="{$rectWidth*0.875 + $xMinimum}" y="10" width="5" height="{$imgHeight}" style="fill:#666666;opacity:0.3"/>
<text x="{$rectWidth*0.25 + 10 + $xMinimum}" y="45" font-size="30">1000</text>
<text x="{$rectWidth*0.5 + 10 + $xMinimum}" y="45" font-size="30">1050</text>
<text x="{$rectWidth*0.75 + 10 + $xMinimum}" y="45" font-size="30">1100</text>
</svg>
</xsl:template>
</xsl:stylesheet>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment