svg-graph 1.0.1 → 1.0.3

data/History.txt

@@ -1,7 +1,9 @@
-=== 1.0.1 / 2009-09-26
+=== 1.0.3 / 2011-08-04
+* Removed unused variables which raises warnings on ruby head
+* Bug fix: Test raises error on different order of xml attribute
+* Merge pull request #2 from liehann/master
+* Max values and improved Time data handling.
+* Merge pull request #1 from thinkingbox/master
+* Adding scattered plot support with :show_lines =>false Rounding values to integers in popups can be disabled with :round_popups => false Optional description gets shown in popup
 
-* Work for Ruby version 1.8.6, 1.8.7 and 1.9
 
-=== 1.0.0 / 2009-08-01
-
-* First version

data/Manifest.txt

@@ -1,17 +1,53 @@
-GPL.txt
-History.txt
-LICENSE.txt
-Manifest.txt
-README.txt
-Rakefile
-lib/svggraph.rb
-lib/SVG/Graph/Bar.rb
-lib/SVG/Graph/BarBase.rb
-lib/SVG/Graph/BarHorizontal.rb
-lib/SVG/Graph/Graph.rb
-lib/SVG/Graph/Line.rb
-lib/SVG/Graph/Pie.rb
-lib/SVG/Graph/Plot.rb
-lib/SVG/Graph/Schedule.rb
-lib/SVG/Graph/TimeSeries.rb
-test/test_svg_graph.rb
+GPL.txt
+History.txt
+LICENSE.txt
+Manifest.txt
+README.markdown
+README.txt
+Rakefile
+build.xml
+dist.xml.in
+images/bar.png
+images/bar.svg
+images/bar.svgz
+images/barhorizontal.png
+images/barhorizontal.svg
+images/barhorizontal.svgz
+images/line.png
+images/line.svg
+images/line.svgz
+images/pie.png
+images/pie.svg
+images/pie.svgz
+images/plot.png
+images/plot.svg
+images/plot.svgz
+images/schedule.png
+images/schedule.svg
+images/timeseries.png
+images/timeseries.svg
+images/timeseries.svgz
+index.xml
+install.rb
+lib/SVG/Graph/Bar.rb
+lib/SVG/Graph/BarBase.rb
+lib/SVG/Graph/BarHorizontal.rb
+lib/SVG/Graph/Graph.rb
+lib/SVG/Graph/Line.rb
+lib/SVG/Graph/Pie.rb
+lib/SVG/Graph/Plot.rb
+lib/SVG/Graph/Schedule.rb
+lib/SVG/Graph/TimeSeries.rb
+lib/svggraph.rb
+screenshots.xml
+style/common.xsl
+style/release_html.xsl
+style/release_txt.xsl
+svg-graph.gemspec
+test/data.txt
+test/plot.rb
+test/schedule.rb
+test/single.rb
+test/test.rb
+test/test_svg_graph.rb
+test/timeseries.rb

data/README.markdown

@@ -0,0 +1,14 @@
+SVG::Graph19
+============
+
+Description
+-----------
+This is a minor revision of the [SVG::Graph library](http://www.germane-software.com/software/SVG/SVG::Graph/) by Sean Russell with few minor touch-ups to make it run on Ruby 1.9.x and to have it [gem-installable](http://gemcutter.org/gems/svg-graph19).
+
+Warning
+-------
+I'm not sure that all the parts of the original SVG library work as expected under 1.9.x too. Please notify me (via github messages or on the Issues section) if you find any bug.
+
+Usage
+-----
+Yet to be written. Look at the original [SVG::Graph web page](http://www.germane-software.com/software/SVG/SVG::Graph/) for the moment (I'm not introducing new methods nor changing APIs, for the moment).

data/README.txt

@@ -2,22 +2,29 @@
 
 http://www.germane-software.com/software/SVG/SVG::Graph/
 
-== Author
+== AUTHOR
 
 Sean E. Russell <serATgermaneHYPHENsoftwareDOTcom>
 Copyright 2004 Sean E. Russell
 This software is available under the Ruby license[LICENSE.txt]
 
+== DEVELOPERS
+
+* Claudio Bustos <clbustos_AT_gmail_DOT_com
+* Liehann Loots <liehhanl_AT_gmail_DOT_com
+* Piergiuliano Bossi <pgbossi_AT_gmail_DOT_com
 
 == DESCRIPTION:
 
-Gem version of SVG:::Graph.
+This is a minor revision of the [SVG::Graph library](http://www.germane-software.com/software/SVG/SVG::Graph/) by Sean Russell with few minor touch-ups to make it run on Ruby 1.9.x and to have it gem-installable
 
 SVG:::Graph is a pure Ruby library for generating charts, which are a type of graph where the values of one axis are not scalar. SVG::Graph has a verry similar API to the Perl library SVG::TT::Graph, and the resulting charts also look the same. This isn't surprising, because SVG::Graph started as a loose port of SVG::TT::Graph, although the internal code no longer resembles the Perl original at all.
 
 == FEATURES
 
-* Tested for Ruby versions 1.8.6, 1.8.7 and 1.9.1
+* Tested for Ruby versions 1.8.6, 1.8.7 and 1.9.*
+
+We are not sure that all the parts of the original SVG library work as expected under 1.9.x too. Please notify via github messages or on the Issues section if you find any bug.
 
 == LICENSE:
 

data/Rakefile

@@ -1,13 +1,19 @@
 # -*- ruby -*-
+# -*- coding: utf-8 -*-
+$:.unshift(File.dirname(__FILE__)+"/lib/")
 
 require 'rubygems'
 require 'hoe'
+
+Hoe.plugin :git
 $:.unshift("./lib")
 require 'svggraph'
 Hoe.spec 'svg-graph' do
 	self.version=SVG::Graph::VERSION
 	self.developer('Sean Russell', 'ser_AT_germane-software.com')
 	self.developer('Claudio Bustos', 'clbustos_AT_gmail.com')
+  self.developer("Liehann Loots","liehhanl_AT_gmail.com")
+  self.developer("Piergiuliano Bossi","pgbossi_AT_gmail.com")
 	self.rubyforge_name = 'ruby-statsample' # if different than 'svg_graph'
         self.remote_rdoc_dir = 'svg-graph'
 end

data/build.xml

@@ -0,0 +1,143 @@
+<project name='SVG::Graph' default='build-dist' basedir='.'>
+	<property name='date' value='+2005/058'/>
+	<property name='release' value='0.6.1'/>
+  <property name='version' value='$Rev$'/>
+	
+	<!-- Build the API docs -->
+  <target name='api'>
+		<filter token='ANT_VERSION' value='${release}'/>
+		<filter token='ANT_DATE' value='${date}'/>
+		<delete dir='doc'/>
+    <mkdir dir='temp'/>
+    <copy todir='temp' filtering='true'> <fileset dir='SVG'/> </copy>
+		<exec executable='rdoc'>
+      <arg line='--main SVG::Graph::Graph --op doc --exclude .svn temp'/>
+		</exec>
+    <delete dir='temp'/>
+	</target>
+
+
+	<!-- Build the API doc archives -->
+	<target name='api-dist' depends='api'>
+		<!-- Make a distribution directory and copy the docs to it -->
+		<mkdir dir='dist'/>
+    <mkdir dir='dist/svg_graph_${release}'/>
+		<mkdir dir='dist/svg_graph_${release}/doc'/>
+		<copy todir='dist/svg_graph_${release}/doc'> <fileset dir='doc'/> </copy>
+		<tar tarfile='svg_graph_api_${release}.tar' basedir='dist'/>
+		<gzip zipfile='svg_graph_api_${release}.tgz' src='svg_graph_api_${release}.tar'/>
+    <zip zipfile='svg_graph_api_${release}.zip' basedir='dist'/>
+		<delete dir='dist'/>
+		<delete> <fileset dir='.' includes='*.tar'/> </delete>
+	</target>
+
+
+	<!-- Builds the distribution archive -->
+  <target name='dist'>
+		<filter token='ANT_VERSION' value='${release}'/>
+		<filter token='ANT_DATE' value='${date}'/>
+
+    <copy file="dist.xml.in" tofile="dist.xml" filtering="true"/>
+
+    <delete dir='dist'/>
+
+    <antcall target='docs'>
+      <param name='destdir' value='dist/svg_graph_${release}'/>
+    </antcall>
+
+		<copy todir='dist/svg_graph_${release}' filtering='true'>
+			<fileset dir='.' excludes='**/.svn/**,*~'
+				includes='README.txt,test.rb,test2.rb,data.txt'/>
+		</copy>
+    <copy filtering='true'
+      tofile='dist/svg_graph_${release}/install.rb' file='install.rb'/>
+		<copy todir='dist/svg_graph_${release}'> 
+      <fileset dir='.' includes='SVG/**'/> 
+		</copy>
+
+		<tar tarfile='svg_graph_${release}.tar' basedir='dist'/>
+		<gzip zipfile='svg_graph_${release}.tgz' src='svg_graph_${release}.tar'/>
+		<zip zipfile='svg_graph_${release}.zip' basedir='dist'/>
+
+    <!-- clean up -->
+		<delete dir='dist'/>
+		<delete>
+			<fileset dir='.' includes='*.tar'/>
+		</delete>
+	</target>
+
+
+	<target name='web' depends='api,logs'>
+		<delete dir='dist'/>
+		<mkdir dir='dist'/>
+
+    <antcall target='docs'>
+      <param name='destdir' value='dist'/>
+    </antcall>
+
+    <copy file='release.html' tofile='dist/changelog.html'/>
+
+    <copy file="dist.xml.in" tofile="dist/dist.xml" filtering="true"/>
+    <copy todir='dist/doc'> <fileset dir='doc'/> </copy>
+		<tar tarfile='web.tar' basedir='dist'/>
+		<gzip zipfile='web.tgz' src='web.tar'/>
+
+		<delete dir='dist'/>
+		<delete file='web.tar'/>
+    <delete file='index.xsl'/>
+	</target>
+
+
+  <target name='docs'>
+		<filter token='ANT_VERSION' value='${release}'/>
+		<filter token='ANT_DATE' value='${date}'/>
+    <filter token='ANT_PROJECT' value='SVG::Graph'/>
+
+    <copy tofile='${destdir}/index.xml' file='index.xml' filtering='true'/>
+    <copy tofile='${destdir}/screenshots.xml' file='screenshots.xml'/>
+    <copy todir='${destdir}' overwrite='yes' filtering='true'>
+      <fileset dir='.' includes='screenshot.svg,LICENSE.txt,GPL.txt'/>
+		</copy>
+    <copy todir='${destdir}/images'><fileset dir='images'/></copy>
+
+    <get dest='index.xsl'
+      src='http://www.germane-software.com/~ser/styles/common.xsl'/>
+    <style in='${destdir}/index.xml' out='${destdir}/index.html' 
+      style='index.xsl'/>
+    <style in='${destdir}/screenshots.xml' out='${destdir}/screenshots.html' 
+      style='index.xsl'/>
+
+    <delete file='${destdir}/index.xml'/>
+    <delete file='${destdir}/screenshots.xml'/>
+  </target>
+
+
+	<target name='logs'>
+		<echo>Generating logs...</echo>	
+		<echo file='log.xml'><![CDATA[<log><previous>]]></echo>
+		<exec executable='svn' output='log.xml' append='true'>
+			<arg line='log --xml --incremental -r HEAD:1 .'/>
+		</exec>
+    <echo file='log.xml' append='true'><![CDATA[</previous></log>]]></echo>
+
+		<echo>Creating release document...</echo>
+		<style in='log.xml' out='release.html' style='style/release_html.xsl'>
+			<param name='release' expression='${release}'/>
+		</style>
+
+		<echo>Cleaning up...</echo>
+		<delete><fileset dir='.' includes='log.xml'/></delete>
+	</target>
+
+
+	<target name='clean'>
+		<delete>
+      <fileset dir='.' includes='dist.xml,*.tgz,*.zip,*~,index.html,release.html'/>
+      <fileset dir='doc'/>
+		</delete>
+	</target>
+
+  <!-- The main task.  We don't have to compile anything, so we just build a 
+       bunch of documentation and some distribution archives. -->
+	<target name='build-dist' depends='api-dist,dist,web'/>
+</project>

data/dist.xml.in

@@ -0,0 +1,46 @@
+<!-- 
+- The project must have a 'name', 'version', and 'date'.
+- It must also have either a 'url' or a <documentation> entry. The 'url'
+- attribute overrides the <documentation> entry.
+-->
+<project name='SVG::Graph' version='@ANT_VERSION@' date='@ANT_DATE@'>
+
+	<!-- The language the project is in -->
+	<language name='ruby'/>
+
+	<!-- 
+	- The project category.  Multiple categories are allowed, but only the
+	- first one is (currently) used.
+	-->
+	<category>SVG</category>
+	<category>Ruby</category>
+	<category>Libraries</category>
+	
+	<!-- A short description for the index page. Can contain HTML -->
+	<description>
+		<p>
+      SVG:::Graph is a pure Ruby library for generating charts, which are a type of graph 
+      where the values of one axis are not scalar.  SVG::Graph has a verry similar API
+      to the Perl library SVG::TT::Graph, and the resulting charts also look the same.
+		</p>
+
+		<p>This software is distribute under the Ruby license.</p>
+	</description>
+
+	<!-- 
+	- If documentation attributes exist, the files referenced will be
+	- untarred into <web path>/<category>/<name>, and the index link will
+	- point to this directory.  If the <project> 'name' attribute exists,
+	- it will be used as the link instead.
+	-->
+	<documentation file='web.tgz'/>
+
+	<!-- 
+	- A list of archive files.  These files will be copied to the archive
+	- directory.
+	-->
+	<archive	title='API docs (tgz)' file='svg_graph_api_@ANT_VERSION@.tgz'/>
+	<archive	title='API docs (zip)' file='svg_graph_api_@ANT_VERSION@.zip'/>
+	<archive	title='Source (tgz)' file='svg_graph_@ANT_VERSION@.tgz'/>
+	<archive	title='Source (zip)' file='svg_graph_@ANT_VERSION@.zip'/>
+</project>

data/images/bar.svg

@@ -0,0 +1,76 @@
+<?xml version='1.0'?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 640 480' height='480' width='640' xmlns='http://www.w3.org/2000/svg'>
+    <!-- \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
+  -->
+    <!-- Created with SVG::Graph 
+  -->
+    <!-- Sean Russell 
+  -->
+    <!-- Based on SVG::TT::Graph for Perl by Leo Lapworth & Stephan Morgan 
+  -->
+    <!-- //////////////////////////////////////////////////////////////////
+  -->
+  <defs/>
+    <!--SVG Background
+  -->
+  <rect x='0' class='svgBackground' y='0' height='480' style='fill:#ffffff;' width='640'/>
+  <g transform='translate( 14.2 26 )'>
+    <rect x='0' class='graphBackground' y='0' height='435' style='fill:#f0f0f0;' width='560.8'/>
+    <path class='axis' d='M 0 0 v435' id='xAxis' style='stroke: #000000; stroke-width: 1px;'/>
+    <path class='axis' d='M 0 435 h560.8' id='yAxis' style='stroke: #000000; stroke-width: 1px;'/>
+    <text x='56.08' class='xAxisLabels' y='450' style='text-anchor: middle; fill: #000000; font-size: 12px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal;text-anchor: middle'>Internet</text>
+    <text x='168.24' class='xAxisLabels' y='450' style='text-anchor: middle; fill: #000000; font-size: 12px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal;text-anchor: middle'>TV</text>
+    <text x='280.4' class='xAxisLabels' y='450' style='text-anchor: middle; fill: #000000; font-size: 12px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal;text-anchor: middle'>Newspaper</text>
+    <text x='392.56' class='xAxisLabels' y='450' style='text-anchor: middle; fill: #000000; font-size: 12px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal;text-anchor: middle'>Magazine</text>
+    <text x='504.72' class='xAxisLabels' y='450' style='text-anchor: middle; fill: #000000; font-size: 12px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal;text-anchor: middle'>Radio
+</text>
+    <text x='-3' class='yAxisLabels' y='439.0' style='text-anchor: end; fill: #000000; font-size: 12px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal;text-anchor: end'>0</text>
+    <text x='-3' class='yAxisLabels' y='302.0' style='text-anchor: end; fill: #000000; font-size: 12px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal;text-anchor: end'>1</text>
+    <path class='guideLines' d='M0 298.0 h560.8' style='stroke: #666666; stroke-width: 1px; stroke-dasharray: 5 5;'/>
+    <text x='-3' class='yAxisLabels' y='165.0' style='text-anchor: end; fill: #000000; font-size: 12px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal;text-anchor: end'>2</text>
+    <path class='guideLines' d='M0 161.0 h560.8' style='stroke: #666666; stroke-width: 1px; stroke-dasharray: 5 5;'/>
+    <text x='-3' class='yAxisLabels' y='28.0' style='text-anchor: end; fill: #000000; font-size: 12px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal;text-anchor: end'>3</text>
+    <path class='guideLines' d='M0 24.0 h560.8' style='stroke: #666666; stroke-width: 1px; stroke-dasharray: 5 5;'/>
+    <path class='fill1' d='M0.0 435 V161.0 h51.08 V435 Z' style='fill: #ff0000; fill-opacity: 0.5; stroke: none; stroke-width: 0.5px;'/>
+    <path class='fill2' d='M51.08 435 V298.0 h51.08 V435 Z' style='fill: #0000ff; fill-opacity: 0.5; stroke: none; stroke-width: 1px;'/>
+    <path class='fill1' d='M112.16 435 V161.0 h51.08 V435 Z' style='fill: #ff0000; fill-opacity: 0.5; stroke: none; stroke-width: 0.5px;'/>
+    <path class='fill2' d='M163.24 435 V298.0 h51.08 V435 Z' style='fill: #0000ff; fill-opacity: 0.5; stroke: none; stroke-width: 1px;'/>
+    <path class='fill1' d='M224.32 435 V435.0 h51.08 V435 Z' style='fill: #ff0000; fill-opacity: 0.5; stroke: none; stroke-width: 0.5px;'/>
+    <path class='fill2' d='M275.4 435 V435.0 h51.08 V435 Z' style='fill: #0000ff; fill-opacity: 0.5; stroke: none; stroke-width: 1px;'/>
+    <path class='fill1' d='M336.48 435 V24.0 h51.08 V435 Z' style='fill: #ff0000; fill-opacity: 0.5; stroke: none; stroke-width: 0.5px;'/>
+    <path class='fill2' d='M387.56 435 V24.0 h51.08 V435 Z' style='fill: #0000ff; fill-opacity: 0.5; stroke: none; stroke-width: 1px;'/>
+    <path class='fill1' d='M448.64 435 V435.0 h51.08 V435 Z' style='fill: #ff0000; fill-opacity: 0.5; stroke: none; stroke-width: 0.5px;'/>
+    <path class='fill2' d='M499.72 435 V298.0 h51.08 V435 Z' style='fill: #0000ff; fill-opacity: 0.5; stroke: none; stroke-width: 1px;'/>
+    <g>
+      <text x='25.54' class='dataPointLabel' y='155.0' style='fill: #000000; text-anchor:middle; font-size: 10px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal; stroke: #fff; stroke-width: 2;'>2</text>
+      <text x='25.54' class='dataPointLabel' y='155.0' style='fill: #000000; text-anchor:middle; font-size: 10px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal;'>2</text>
+      <text x='76.62' class='dataPointLabel' y='292.0' style='fill: #000000; text-anchor:middle; font-size: 10px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal; stroke: #fff; stroke-width: 2;'>1</text>
+      <text x='76.62' class='dataPointLabel' y='292.0' style='fill: #000000; text-anchor:middle; font-size: 10px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal;'>1</text>
+      <text x='137.7' class='dataPointLabel' y='155.0' style='fill: #000000; text-anchor:middle; font-size: 10px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal; stroke: #fff; stroke-width: 2;'>2</text>
+      <text x='137.7' class='dataPointLabel' y='155.0' style='fill: #000000; text-anchor:middle; font-size: 10px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal;'>2</text>
+      <text x='188.78' class='dataPointLabel' y='292.0' style='fill: #000000; text-anchor:middle; font-size: 10px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal; stroke: #fff; stroke-width: 2;'>1</text>
+      <text x='188.78' class='dataPointLabel' y='292.0' style='fill: #000000; text-anchor:middle; font-size: 10px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal;'>1</text>
+      <text x='249.86' class='dataPointLabel' y='429.0' style='fill: #000000; text-anchor:middle; font-size: 10px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal; stroke: #fff; stroke-width: 2;'>0</text>
+      <text x='249.86' class='dataPointLabel' y='429.0' style='fill: #000000; text-anchor:middle; font-size: 10px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal;'>0</text>
+      <text x='300.94' class='dataPointLabel' y='429.0' style='fill: #000000; text-anchor:middle; font-size: 10px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal; stroke: #fff; stroke-width: 2;'>0</text>
+      <text x='300.94' class='dataPointLabel' y='429.0' style='fill: #000000; text-anchor:middle; font-size: 10px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal;'>0</text>
+      <text x='362.02' class='dataPointLabel' y='18.0' style='fill: #000000; text-anchor:middle; font-size: 10px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal; stroke: #fff; stroke-width: 2;'>3</text>
+      <text x='362.02' class='dataPointLabel' y='18.0' style='fill: #000000; text-anchor:middle; font-size: 10px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal;'>3</text>
+      <text x='413.1' class='dataPointLabel' y='18.0' style='fill: #000000; text-anchor:middle; font-size: 10px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal; stroke: #fff; stroke-width: 2;'>3</text>
+      <text x='413.1' class='dataPointLabel' y='18.0' style='fill: #000000; text-anchor:middle; font-size: 10px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal;'>3</text>
+      <text x='474.18' class='dataPointLabel' y='429.0' style='fill: #000000; text-anchor:middle; font-size: 10px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal; stroke: #fff; stroke-width: 2;'>0</text>
+      <text x='474.18' class='dataPointLabel' y='429.0' style='fill: #000000; text-anchor:middle; font-size: 10px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal;'>0</text>
+      <text x='525.26' class='dataPointLabel' y='292.0' style='fill: #000000; text-anchor:middle; font-size: 10px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal; stroke: #fff; stroke-width: 2;'>1</text>
+      <text x='525.26' class='dataPointLabel' y='292.0' style='fill: #000000; text-anchor:middle; font-size: 10px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal;'>1</text>
+    </g>
+  </g>
+  <text x='320' class='mainTitle' y='16' style='text-anchor: middle; fill: #000000; font-size: 16px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal;'>Question 7
+</text>
+  <g transform='translate(585.0 46)'>
+    <rect x='0' class='key1' y='0' height='12' style='fill: #ff0000; fill-opacity: 0.5; stroke: none; stroke-width: 0.5px;' width='12'/>
+    <text x='17' class='keyText' y='12' style='fill: #000000; text-anchor:start; font-size: 10px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal;'>Female</text>
+    <rect x='0' class='key2' y='17' height='12' style='fill: #0000ff; fill-opacity: 0.5; stroke: none; stroke-width: 1px;' width='12'/>
+    <text x='17' class='keyText' y='29' style='fill: #000000; text-anchor:start; font-size: 10px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal;'>Male</text>
+  </g>
+</svg>

data/images/barhorizontal.svg

@@ -0,0 +1,76 @@
+<?xml version='1.0'?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 640 480' height='480' width='640' xmlns='http://www.w3.org/2000/svg'>
+    <!-- \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
+  -->
+    <!-- Created with SVG::Graph 
+  -->
+    <!-- Sean Russell 
+  -->
+    <!-- Based on SVG::TT::Graph for Perl by Leo Lapworth & Stephan Morgan 
+  -->
+    <!-- //////////////////////////////////////////////////////////////////
+  -->
+  <defs/>
+    <!--SVG Background
+  -->
+  <rect x='0' class='svgBackground' y='0' height='480' style='fill:#ffffff;' width='640'/>
+  <g transform='translate( 19 26 )'>
+    <rect x='0' class='graphBackground' y='0' height='435' style='fill:#f0f0f0;' width='556.0'/>
+    <path class='axis' d='M 0 0 v435' id='xAxis' style='stroke: #000000; stroke-width: 1px;'/>
+    <path class='axis' d='M 0 435 h556.0' id='yAxis' style='stroke: #000000; stroke-width: 1px;'/>
+    <text x='0.0' class='xAxisLabels' y='450' style='text-anchor: middle; fill: #000000; font-size: 12px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal;text-anchor: middle'>0</text>
+    <text x='177.333333333333' class='xAxisLabels' y='450' style='text-anchor: middle; fill: #000000; font-size: 12px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal;text-anchor: middle'>1</text>
+    <path class='guideLines' d='M177.333333333333 0 v435' style='stroke: #666666; stroke-width: 1px; stroke-dasharray: 5 5;'/>
+    <text x='354.666666666667' class='xAxisLabels' y='450' style='text-anchor: middle; fill: #000000; font-size: 12px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal;text-anchor: middle'>2</text>
+    <path class='guideLines' d='M354.666666666667 0 v435' style='stroke: #666666; stroke-width: 1px; stroke-dasharray: 5 5;'/>
+    <text x='532.0' class='xAxisLabels' y='450' style='text-anchor: middle; fill: #000000; font-size: 12px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal;text-anchor: middle'>3</text>
+    <path class='guideLines' d='M532.0 0 v435' style='stroke: #666666; stroke-width: 1px; stroke-dasharray: 5 5;'/>
+    <text transform='translate( -12 0 ) rotate( 90 0 391.5 ) ' x='0' class='yAxisLabels' y='391.5' style='text-anchor: end; fill: #000000; font-size: 12px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal;text-anchor: middle'>Internet</text>
+    <text transform='translate( -12 0 ) rotate( 90 0 304.5 ) ' x='0' class='yAxisLabels' y='304.5' style='text-anchor: end; fill: #000000; font-size: 12px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal;text-anchor: middle'>TV</text>
+    <text transform='translate( -12 0 ) rotate( 90 0 217.5 ) ' x='0' class='yAxisLabels' y='217.5' style='text-anchor: end; fill: #000000; font-size: 12px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal;text-anchor: middle'>Newspaper</text>
+    <text transform='translate( -12 0 ) rotate( 90 0 130.5 ) ' x='0' class='yAxisLabels' y='130.5' style='text-anchor: end; fill: #000000; font-size: 12px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal;text-anchor: middle'>Magazine</text>
+    <text transform='translate( -12 0 ) rotate( 90 0 43.5 ) ' x='0' class='yAxisLabels' y='43.5' style='text-anchor: end; fill: #000000; font-size: 12px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal;text-anchor: middle'>Radio
+</text>
+    <path class='fill1' d='M0 348.0 H354.666666666667 v38.5 H0 Z' style='fill: #ff0000; fill-opacity: 0.5; stroke: none; stroke-width: 0.5px;'/>
+    <path class='fill2' d='M0 386.5 H177.333333333333 v38.5 H0 Z' style='fill: #0000ff; fill-opacity: 0.5; stroke: none; stroke-width: 1px;'/>
+    <path class='fill1' d='M0 261.0 H354.666666666667 v38.5 H0 Z' style='fill: #ff0000; fill-opacity: 0.5; stroke: none; stroke-width: 0.5px;'/>
+    <path class='fill2' d='M0 299.5 H177.333333333333 v38.5 H0 Z' style='fill: #0000ff; fill-opacity: 0.5; stroke: none; stroke-width: 1px;'/>
+    <path class='fill1' d='M0 174.0 H0.0 v38.5 H0 Z' style='fill: #ff0000; fill-opacity: 0.5; stroke: none; stroke-width: 0.5px;'/>
+    <path class='fill2' d='M0 212.5 H0.0 v38.5 H0 Z' style='fill: #0000ff; fill-opacity: 0.5; stroke: none; stroke-width: 1px;'/>
+    <path class='fill1' d='M0 87.0 H532.0 v38.5 H0 Z' style='fill: #ff0000; fill-opacity: 0.5; stroke: none; stroke-width: 0.5px;'/>
+    <path class='fill2' d='M0 125.5 H532.0 v38.5 H0 Z' style='fill: #0000ff; fill-opacity: 0.5; stroke: none; stroke-width: 1px;'/>
+    <path class='fill1' d='M0 0.0 H0.0 v38.5 H0 Z' style='fill: #ff0000; fill-opacity: 0.5; stroke: none; stroke-width: 0.5px;'/>
+    <path class='fill2' d='M0 38.5 H177.333333333333 v38.5 H0 Z' style='fill: #0000ff; fill-opacity: 0.5; stroke: none; stroke-width: 1px;'/>
+    <g>
+      <text x='359.666666666667' class='dataPointLabel' y='373.25' style='fill: #000000; text-anchor:middle; font-size: 10px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal;text-anchor: start;  stroke: #fff; stroke-width: 2;'>2</text>
+      <text x='359.666666666667' class='dataPointLabel' y='373.25' style='fill: #000000; text-anchor:middle; font-size: 10px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal;text-anchor: start; '>2</text>
+      <text x='182.333333333333' class='dataPointLabel' y='411.75' style='fill: #000000; text-anchor:middle; font-size: 10px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal;text-anchor: start;  stroke: #fff; stroke-width: 2;'>1</text>
+      <text x='182.333333333333' class='dataPointLabel' y='411.75' style='fill: #000000; text-anchor:middle; font-size: 10px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal;text-anchor: start; '>1</text>
+      <text x='359.666666666667' class='dataPointLabel' y='286.25' style='fill: #000000; text-anchor:middle; font-size: 10px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal;text-anchor: start;  stroke: #fff; stroke-width: 2;'>2</text>
+      <text x='359.666666666667' class='dataPointLabel' y='286.25' style='fill: #000000; text-anchor:middle; font-size: 10px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal;text-anchor: start; '>2</text>
+      <text x='182.333333333333' class='dataPointLabel' y='324.75' style='fill: #000000; text-anchor:middle; font-size: 10px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal;text-anchor: start;  stroke: #fff; stroke-width: 2;'>1</text>
+      <text x='182.333333333333' class='dataPointLabel' y='324.75' style='fill: #000000; text-anchor:middle; font-size: 10px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal;text-anchor: start; '>1</text>
+      <text x='5.0' class='dataPointLabel' y='199.25' style='fill: #000000; text-anchor:middle; font-size: 10px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal;text-anchor: start;  stroke: #fff; stroke-width: 2;'>0</text>
+      <text x='5.0' class='dataPointLabel' y='199.25' style='fill: #000000; text-anchor:middle; font-size: 10px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal;text-anchor: start; '>0</text>
+      <text x='5.0' class='dataPointLabel' y='237.75' style='fill: #000000; text-anchor:middle; font-size: 10px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal;text-anchor: start;  stroke: #fff; stroke-width: 2;'>0</text>
+      <text x='5.0' class='dataPointLabel' y='237.75' style='fill: #000000; text-anchor:middle; font-size: 10px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal;text-anchor: start; '>0</text>
+      <text x='537.0' class='dataPointLabel' y='112.25' style='fill: #000000; text-anchor:middle; font-size: 10px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal;text-anchor: start;  stroke: #fff; stroke-width: 2;'>3</text>
+      <text x='537.0' class='dataPointLabel' y='112.25' style='fill: #000000; text-anchor:middle; font-size: 10px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal;text-anchor: start; '>3</text>
+      <text x='537.0' class='dataPointLabel' y='150.75' style='fill: #000000; text-anchor:middle; font-size: 10px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal;text-anchor: start;  stroke: #fff; stroke-width: 2;'>3</text>
+      <text x='537.0' class='dataPointLabel' y='150.75' style='fill: #000000; text-anchor:middle; font-size: 10px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal;text-anchor: start; '>3</text>
+      <text x='5.0' class='dataPointLabel' y='25.25' style='fill: #000000; text-anchor:middle; font-size: 10px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal;text-anchor: start;  stroke: #fff; stroke-width: 2;'>0</text>
+      <text x='5.0' class='dataPointLabel' y='25.25' style='fill: #000000; text-anchor:middle; font-size: 10px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal;text-anchor: start; '>0</text>
+      <text x='182.333333333333' class='dataPointLabel' y='63.75' style='fill: #000000; text-anchor:middle; font-size: 10px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal;text-anchor: start;  stroke: #fff; stroke-width: 2;'>1</text>
+      <text x='182.333333333333' class='dataPointLabel' y='63.75' style='fill: #000000; text-anchor:middle; font-size: 10px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal;text-anchor: start; '>1</text>
+    </g>
+  </g>
+  <text x='320' class='mainTitle' y='16' style='text-anchor: middle; fill: #000000; font-size: 16px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal;'>Question 7
+</text>
+  <g transform='translate(585.0 46)'>
+    <rect x='0' class='key1' y='0' height='12' style='fill: #ff0000; fill-opacity: 0.5; stroke: none; stroke-width: 0.5px;' width='12'/>
+    <text x='17' class='keyText' y='12' style='fill: #000000; text-anchor:start; font-size: 10px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal;'>Female</text>
+    <rect x='0' class='key2' y='17' height='12' style='fill: #0000ff; fill-opacity: 0.5; stroke: none; stroke-width: 1px;' width='12'/>
+    <text x='17' class='keyText' y='29' style='fill: #000000; text-anchor:start; font-size: 10px; font-family: &quot;Arial&quot;, sans-serif; font-weight: normal;'>Male</text>
+  </g>
+</svg>