<?xml version="1.0" encoding="utf-8"?>
<!-- author: georg held -->
<xsl:transform xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0" >
	<!-- access dataSet element of xml data -->
	<xsl:template match="dataSet">
		<!-- svg root element -->
		<svg width="200px" height="250px" xmlns="http://www.w3.org/2000/svg">
			<!-- bar chart group -->
			<g id="bar" transform="translate(0,200)">
				<!-- each bar element -->
				<xsl:for-each select="bar">
					<!-- declare variable called val containing the value -->
					<xsl:variable name="val" select="value"/>
					<!-- bar description -->
					<text x="{position()*25 + 7.5}" y="0" style="font-family:arial;text-anchor:middle;baseline-shift:-15;">
						<xsl:value-of select="desc"/>
					</text>
					<!-- bar symbolized as a rectangle -->
					<rect x="{position()*25}" y="-{$val*1.5}" height="{$val*1.5}" width="15" style="fill:{@fill};"/>
				</xsl:for-each> 
			</g>
		</svg>
	</xsl:template>
</xsl:transform>
