RubyGems - scruffy - Versions diffs - 0.2.6 → 0.3.0.beta1 - Mend

scruffy 0.2.6 → 0.3.0.beta1

Files changed (96) hide show

data/{History.txt → CHANGES.txt} +15 -12
data/README.txt +25 -25
data/lib/scruffy.rb +0 -5
data/lib/scruffy/components.rb +1 -0
data/lib/scruffy/components/axes.rb +23 -0
data/lib/scruffy/components/background.rb +3 -3
data/lib/scruffy/components/base.rb +3 -0
data/lib/scruffy/components/data_markers.rb +23 -8
data/lib/scruffy/components/graphs.rb +4 -0
data/lib/scruffy/components/grid.rb +45 -4
data/lib/scruffy/components/legend.rb +63 -21
data/lib/scruffy/components/title.rb +1 -1
data/lib/scruffy/components/value_markers.rb +9 -16
data/lib/scruffy/formatters.rb +41 -3
data/lib/scruffy/graph.rb +27 -11
data/lib/scruffy/graph_state.rb +5 -0
data/lib/scruffy/helpers.rb +1 -0
data/lib/scruffy/helpers/layer_container.rb +28 -4
data/lib/scruffy/helpers/marker_helper.rb +25 -0
data/lib/scruffy/helpers/point_container.rb +46 -17
data/lib/scruffy/layers.rb +6 -1
data/lib/scruffy/layers/bar.rb +35 -14
data/lib/scruffy/layers/base.rb +51 -21
data/lib/scruffy/layers/box.rb +114 -0
data/lib/scruffy/layers/line.rb +31 -14
data/lib/scruffy/layers/multi.rb +74 -0
data/lib/scruffy/layers/multi_area.rb +119 -0
data/lib/scruffy/layers/multi_bar.rb +51 -0
data/lib/scruffy/layers/scatter.rb +13 -5
data/lib/scruffy/layers/stacked.rb +2 -1
data/lib/scruffy/rasterizers.rb +1 -0
data/lib/scruffy/rasterizers/mini_magick_rasterizer.rb +24 -0
data/lib/scruffy/rasterizers/rmagick_rasterizer.rb +8 -2
data/lib/scruffy/renderers.rb +2 -0
data/lib/scruffy/renderers/axis_legend.rb +41 -0
data/lib/scruffy/renderers/base.rb +6 -4
data/lib/scruffy/renderers/basic.rb +20 -0
data/lib/scruffy/renderers/standard.rb +7 -6
data/lib/scruffy/themes.rb +37 -1
data/lib/scruffy/version.rb +1 -7
data/spec/output/array.svg +55 -0
data/spec/output/hash.svg +55 -0
data/spec/scruffy/graph_spec.rb +4 -4
data/spec/scruffy/layers/base_spec.rb +15 -10
metadata +84 -96
data/CHANGES +0 -104
data/License.txt +0 -20
data/MIT-LICENSE +0 -20
data/Manifest.txt +0 -104
data/PostInstall.txt +0 -6
data/README +0 -9
data/Rakefile +0 -108
data/config/hoe.rb +0 -78
data/config/requirements.rb +0 -15
data/script/console +0 -10
data/script/destroy +0 -14
data/script/generate +0 -14
data/script/txt2html +0 -82
data/setup.rb +0 -1585
data/spec/scruffy/layers/line_spec.rb +0 -10
data/tasks/deployment.rake +0 -34
data/tasks/environment.rake +0 -7
data/tasks/website.rake +0 -17
data/test/graph_creation_test.rb +0 -101
data/test/test_helper.rb +0 -2
data/website/images/blank.gif.html +0 -7
data/website/images/graphs/all_smiles.png +0 -0
data/website/images/graphs/bar_test.png +0 -0
data/website/images/graphs/bar_test.svg +0 -71
data/website/images/graphs/line_test.png +0 -0
data/website/images/graphs/line_test.svg +0 -60
data/website/images/graphs/multi_test.png +0 -0
data/website/images/graphs/multi_test.svg +0 -296
data/website/images/graphs/pie_test.png +0 -0
data/website/images/graphs/pie_test.svg +0 -40
data/website/images/graphs/split_test.png +0 -0
data/website/images/graphs/split_test.svg +0 -295
data/website/images/graphs/stacking_test.png +0 -0
data/website/images/graphs/stacking_test.svg +0 -146
data/website/images/header.png +0 -0
data/website/images/header_gradient.png +0 -0
data/website/images/overlay.png +0 -0
data/website/images/scruffy.png +0 -0
data/website/index.html +0 -225
data/website/index.txt +0 -204
data/website/javascripts/application.js +0 -2
data/website/javascripts/controls.js +0 -815
data/website/javascripts/dragdrop.js +0 -913
data/website/javascripts/effects.js +0 -958
data/website/javascripts/lightbox.js +0 -437
data/website/javascripts/prototype.js +0 -2006
data/website/javascripts/rounded_corners_lite.inc.js +0 -285
data/website/stylesheets/lightbox.css +0 -27
data/website/stylesheets/screen.css +0 -147
data/website/stylesheets/scruffy.css +0 -227
data/website/template.html.erb +0 -47

data/spec/scruffy/layers/line_spec.rb DELETED

@@ -1,10 +0,0 @@
-describe "A Line layer" do
-  before(:each) do
-    @layer = Scruffy::Layers::Line.new(:title => 'My Line Layer', :points => [100, 200, 300])
-    svg = mock('svg')
-    svg.should_receive(:polyline).once
-    svg.should_receive(:circle).exactly(3).times
-  end
-end

data/tasks/deployment.rake DELETED

@@ -1,34 +0,0 @@
-desc 'Release the website and new gem version'
-task :deploy => [:check_version, :website, :release] do
-  puts "Remember to create SVN tag:"
-  puts "svn copy svn+ssh://#{rubyforge_username}@rubyforge.org/var/svn/#{PATH}/trunk " +
-    "svn+ssh://#{rubyforge_username}@rubyforge.org/var/svn/#{PATH}/tags/REL-#{VERS} "
-  puts "Suggested comment:"
-  puts "Tagging release #{CHANGES}"
-end
-desc 'Runs tasks website_generate and install_gem as a local deployment of the gem'
-task :local_deploy => [:website_generate, :install_gem]
-task :check_version do
-  unless ENV['VERSION']
-    puts 'Must pass a VERSION=x.y.z release version'
-    exit
-  end
-  unless ENV['VERSION'] == VERS
-    puts "Please update your version.rb to match the release version, currently #{VERS}"
-    exit
-  end
-end
-desc 'Install the package as a gem, without generating documentation(ri/rdoc)'
-task :install_gem_no_doc => [:clean, :package] do
-  sh "#{'sudo ' unless Hoe::WINDOZE }gem install pkg/*.gem --no-rdoc --no-ri"
-end
-namespace :manifest do
-  desc 'Recreate Manifest.txt to include ALL files'
-  task :refresh do
-    `rake check_manifest | patch -p0 > Manifest.txt`
-  end
-end

data/tasks/environment.rake DELETED

@@ -1,7 +0,0 @@
-task :ruby_env do
-  RUBY_APP = if RUBY_PLATFORM =~ /java/
-    "jruby"
-  else
-    "ruby"
-  end unless defined? RUBY_APP
-end

data/tasks/website.rake DELETED

@@ -1,17 +0,0 @@
-desc 'Generate website files'
-task :website_generate => :ruby_env do
-  (Dir['website/**/*.txt'] - Dir['website/version*.txt']).each do |txt|
-    sh %{ #{RUBY_APP} script/txt2html #{txt} > #{txt.gsub(/txt$/,'html')} }
-  end
-end
-desc 'Upload website files to rubyforge'
-task :website_upload do
-  host = "#{rubyforge_username}@rubyforge.org"
-  remote_dir = "/var/www/gforge-projects/#{PATH}/"
-  local_dir = 'website'
-  sh %{rsync -rlgoDCv #{local_dir}/ #{host}:#{remote_dir}}
-end
-desc 'Generate and upload website files'
-task :website => [:website_generate, :website_upload, :publish_docs]

data/test/graph_creation_test.rb DELETED

@@ -1,101 +0,0 @@
-require 'test/unit'
-require 'scruffy'
-class SimpleTheme < Scruffy::Themes::Base
-  def initialize
-    super({
-        :background => [:white, :white],
-        :marker => :black,
-        :colors => %w(blue green red orange yellow purple pink),
-        :stroke_color => 'white'
-      })
-  end
-end
-class GraphCreationTest < Test::Unit::TestCase
-  BASE_DIR = File.dirname(__FILE__)
-  WEBSITE_DIR = BASE_DIR + "/../website/images/graphs"
-  def test_create_pie
-    graph = Scruffy::Graph.new
-    graph.title = "Favourite Snacks"
-    graph.renderer = Scruffy::Renderers::Pie.new
-    graph.add :pie, '', {
-      'Apple' => 20,
-      'Banana' => 100,
-      'Orange' => 70,
-      'Taco' => 30
-    }
-    graph.render :to => "#{WEBSITE_DIR}/pie_test.svg"
-    graph.render :width => 400, :to => "#{WEBSITE_DIR}/pie_test.png", :as => 'png'
-  end
-  def test_create_line
-    graph = Scruffy::Graph.new
-    graph.title = "Sample Line Graph"
-    graph.renderer = Scruffy::Renderers::Standard.new
-    graph.add :line, 'Example', [20, 100, 70, 30, 106]
-    graph.render :to => "#{WEBSITE_DIR}/line_test.svg"
-    graph.render  :width => 400, :to => "#{WEBSITE_DIR}/line_test.png", :as => 'png'
-  end
-  def test_create_bar
-    graph = Scruffy::Graph.new
-    graph.title = "Sample Bar Graph"
-    graph.renderer = Scruffy::Renderers::Standard.new
-    graph.add :bar, 'Example', [20, 100, 70, 30, 106]
-    graph.render :to => "#{WEBSITE_DIR}/bar_test.svg"
-    graph.render  :width => 400, :to => "#{WEBSITE_DIR}/bar_test.png", :as => 'png'
-  end
-  def test_split
-    graph = Scruffy::Graph.new
-    graph.title = "Long-term Comparisons"
-    graph.value_formatter = Scruffy::Formatters::Currency.new(:special_negatives => true, :negative_color => '#ff7777')
-    graph.renderer = Scruffy::Renderers::Split.new(:split_label => 'Northeastern (Top) / Central (Bottom)')
-    graph.add :area, 'Jeff', [20, -5, 100, 70, 30, 106, 203, 100, 50, 203, 289, 20], :category => :top
-    graph.add :area, 'Jerry', [-10, 70, 20, 102, 201, 26, 30, 106, 203, 100, 50, 39], :category => :top
-    graph.add :bar,  'Jack', [30, 0, 49, 29, 100, 203, 70, 20, 102, 201, 26, 130], :category => :bottom
-    graph.add :line, 'Brasten', [42, 10, 75, 150, 130, 70, -10, -20, 50, 92, -21, 19], :categories => [:top, :bottom]
-    graph.add :line, 'Jim', [-10, -20, 50, 92, -21, 56, 92, 84, 82, 100, 39, 120], :categories => [:top, :bottom]
-    graph.point_markers = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
-    graph.render :to => "#{WEBSITE_DIR}/split_test.svg"
-    graph.render  :width => 500, :to => "#{WEBSITE_DIR}/split_test.png", :as => 'png'
-  end
-  def test_stacking
-    graph = Scruffy::Graph.new
-    graph.title = "Comparative Agent Performance"
-    graph.value_formatter = Scruffy::Formatters::Percentage.new(:precision => 0)
-    graph.add :stacked do |stacked|
-      stacked.add :bar, 'Jack', [30, 60, 49, 29, 100, 120]
-      stacked.add :bar, 'Jill', [120, 240, 0, 100, 140, 20]
-      stacked.add :bar, 'Hill', [10, 10, 90, 20, 40, 10]
-    end
-    graph.point_markers = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']
-    graph.render :to => "#{WEBSITE_DIR}/stacking_test.svg"
-    graph.render  :width => 500, :to => "#{WEBSITE_DIR}/stacking_test.png", :as => 'png'
-  end
-  def test_multi_layered
-    graph = Scruffy::Graph.new
-    graph.title = "Some Kind of Information"
-    graph.renderer = Scruffy::Renderers::Cubed.new
-    graph.add :area, 'Jeff', [20, -5, 100, 70, 30, 106], :categories => [:top_left, :bottom_right]
-    graph.add :area, 'Jerry', [-10, 70, 20, 102, 201, 26], :categories => [:bottom_left, :buttom_right]
-    graph.add :bar,  'Jack', [30, 0, 49, 29, 100, 203], :categories => [:bottom_left, :top_right]
-    graph.add :line, 'Brasten', [42, 10, 75, 150, 130, 70], :categories => [:top_right, :bottom_left]
-    graph.add :line, 'Jim', [-10, -20, 50, 92, -21, 56], :categories => [:top_left, :bottom_right]
-    graph.point_markers = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']
-    graph.render :to => "#{WEBSITE_DIR}/multi_test.svg"
-    graph.render  :width => 500, :to => "#{WEBSITE_DIR}/multi_test.png", :as => 'png'
-  end
-end

data/test/test_helper.rb DELETED

	@@ -1,2 +0,0 @@
1	- require 'test/unit'
2	- require File.dirname(__FILE__) + '/../lib/scruffy'

data/website/images/blank.gif.html DELETED

@@ -1,7 +0,0 @@
-<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
-<html><head>
-<title>404 Not Found</title>
-</head><body>
-<h1>Not Found</h1>
-<p>The requested URL /images/blank.gif was not found on this server.</p>
-</body></html>

data/website/images/graphs/all_smiles.png DELETED

Binary file

data/website/images/graphs/bar_test.png DELETED

Binary file

data/website/images/graphs/bar_test.svg DELETED

@@ -1,71 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="600 100 360 200">
-  <g id="scruffy_graph">
-    <g id="background" transform="translate(0.0, 0.0)">
-      <defs>
-        <linearGradient id="BackgroundGradient" x1="0%" y1="0%" x2="0%" y2="100%">
-          <stop offset="5%" stop-color="black"/>
-          <stop offset="95%" stop-color="#4A465A"/>
-        </linearGradient>
-      </defs>
-      <rect width="600.0" height="360.0" x="0" y="0" fill="url(#BackgroundGradient)"/>
-    </g>
-    <g id="title" transform="translate(30.0, 7.2)">
-      <text class="title" x="270.0" y="25.2" font-size="25.2" font-family="" fill="white" stroke="none" stroke-width="0" text-anchor="middle">Sample Bar Graph</text>
-    </g>
-    <g id="view" transform="translate(12.0, 93.6)">
-      <g>
-        <g id="values" transform="translate(0.0, 4.752)">
-          <text x="96.12" y="211.464" font-size="16.91712" font-family="" fill="white" text-anchor="end">7</text>
-          <text x="96.12" y="158.598" font-size="16.91712" font-family="" fill="white" text-anchor="end">32</text>
-          <text x="96.12" y="105.732" font-size="16.91712" font-family="" fill="white" text-anchor="end">57</text>
-          <text x="96.12" y="52.866" font-size="16.91712" font-family="" fill="white" text-anchor="end">81</text>
-          <text x="96.12" y="0.0" font-size="16.91712" font-family="" fill="white" text-anchor="end">106</text>
-        </g>
-        <g id="grid" transform="translate(106.8, 0.0)">
-          <line x1="0" y1="0.0" x2="427.2" y2="0.0" style="stroke: white; stroke-width: 2;"/>
-          <line x1="0" y1="52.866" x2="427.2" y2="52.866" style="stroke: white; stroke-width: 2;"/>
-          <line x1="0" y1="105.732" x2="427.2" y2="105.732" style="stroke: white; stroke-width: 2;"/>
-          <line x1="0" y1="158.598" x2="427.2" y2="158.598" style="stroke: white; stroke-width: 2;"/>
-          <line x1="0" y1="211.464" x2="427.2" y2="211.464" style="stroke: white; stroke-width: 2;"/>
-        </g>
-        <g id="labels" transform="translate(106.8, 218.592)">
-        </g>
-        <g id="graphs" transform="translate(106.8, 0.0)">
-          <g id="component_graphs_graph_0" class="graph_layer">
-            <g transform="translate(-1.05732, -1.05732)">
-              <rect x="4.272" y="183.881739130435" width="79.01064" height="29.6969008695652" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
-              <rect x="5.32932" y="188.111019130435" width="79.01064" height="26.5249408695652" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
-            </g>
-            <rect x="4.272" y="183.881739130435" width="76.896" height="27.5822608695652" fill="#6886B4" style="opacity: 1.0; stroke: none;"/>
-            <g transform="translate(-1.05732, -1.05732)">
-              <rect x="89.712" y="12.8289585439838" width="79.01064" height="200.749681456016" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
-              <rect x="90.76932" y="17.0582385439838" width="79.01064" height="197.577721456016" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
-            </g>
-            <rect x="89.712" y="12.8289585439838" width="76.896" height="198.635041456016" fill="#6886B4" style="opacity: 1.0; stroke: none;"/>
-            <g transform="translate(-1.05732, -1.05732)">
-              <rect x="175.152" y="76.973751263903" width="79.01064" height="136.604888736097" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
-              <rect x="176.20932" y="81.203031263903" width="79.01064" height="133.432928736097" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
-            </g>
-            <rect x="175.152" y="76.973751263903" width="76.896" height="134.490248736097" fill="#6886B4" style="opacity: 1.0; stroke: none;"/>
-            <g transform="translate(-1.05732, -1.05732)">
-              <rect x="260.592" y="162.500141557128" width="79.01064" height="51.0784984428716" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
-              <rect x="261.64932" y="166.729421557128" width="79.01064" height="47.9065384428716" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
-            </g>
-            <rect x="260.592" y="162.500141557128" width="76.896" height="48.9638584428716" fill="#6886B4" style="opacity: 1.0; stroke: none;"/>
-            <g transform="translate(-1.05732, -1.05732)">
-              <rect x="346.032" y="0.0" width="79.01064" height="213.57864" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
-              <rect x="347.08932" y="4.22928" width="79.01064" height="210.40668" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
-            </g>
-            <rect x="346.032" y="0.0" width="76.896" height="211.464" fill="#6886B4" style="opacity: 1.0; stroke: none;"/>
-          </g>
-        </g>
-      </g>
-    </g>
-    <g id="legend" transform="translate(30.0, 46.8)">
-      <rect x="226.8" y="0" width="10.8" height="10.8" fill="#6886B4"/>
-      <text x="246.24" y="11.664" font-size="15.552" font-family="" style="color: white" fill="white">Example</text>
-    </g>
-  </g>
-</svg>

data/website/images/graphs/line_test.png DELETED

Binary file

data/website/images/graphs/line_test.svg DELETED

@@ -1,60 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="600 100 360 200">
-  <g id="scruffy_graph">
-    <g id="background" transform="translate(0.0, 0.0)">
-      <defs>
-        <linearGradient id="BackgroundGradient" x1="0%" y1="0%" x2="0%" y2="100%">
-          <stop offset="5%" stop-color="black"/>
-          <stop offset="95%" stop-color="#4A465A"/>
-        </linearGradient>
-      </defs>
-      <rect width="600.0" height="360.0" x="0" y="0" fill="url(#BackgroundGradient)"/>
-    </g>
-    <g id="title" transform="translate(30.0, 7.2)">
-      <text class="title" x="270.0" y="25.2" font-size="25.2" font-family="" fill="white" stroke="none" stroke-width="0" text-anchor="middle">Sample Line Graph</text>
-    </g>
-    <g id="view" transform="translate(12.0, 93.6)">
-      <g>
-        <g id="values" transform="translate(0.0, 4.752)">
-          <text x="96.12" y="211.464" font-size="16.91712" font-family="" fill="white" text-anchor="end">7</text>
-          <text x="96.12" y="158.598" font-size="16.91712" font-family="" fill="white" text-anchor="end">32</text>
-          <text x="96.12" y="105.732" font-size="16.91712" font-family="" fill="white" text-anchor="end">57</text>
-          <text x="96.12" y="52.866" font-size="16.91712" font-family="" fill="white" text-anchor="end">81</text>
-          <text x="96.12" y="0.0" font-size="16.91712" font-family="" fill="white" text-anchor="end">106</text>
-        </g>
-        <g id="grid" transform="translate(106.8, 0.0)">
-          <line x1="0" y1="0.0" x2="427.2" y2="0.0" style="stroke: white; stroke-width: 2;"/>
-          <line x1="0" y1="52.866" x2="427.2" y2="52.866" style="stroke: white; stroke-width: 2;"/>
-          <line x1="0" y1="105.732" x2="427.2" y2="105.732" style="stroke: white; stroke-width: 2;"/>
-          <line x1="0" y1="158.598" x2="427.2" y2="158.598" style="stroke: white; stroke-width: 2;"/>
-          <line x1="0" y1="211.464" x2="427.2" y2="211.464" style="stroke: white; stroke-width: 2;"/>
-        </g>
-        <g id="labels" transform="translate(106.8, 218.592)">
-        </g>
-        <g id="graphs" transform="translate(106.8, 0.0)">
-          <g id="component_graphs_graph_0" class="graph_layer">
-            <g class="shadow" transform="translate(1.05732, 1.05732)">
-              <polyline points="0.0,183.881739130435 106.8,12.8289585439838 213.6,76.973751263903 320.4,162.500141557128 427.2,0.0" fill="transparent" stroke="black" stroke-width="4.22928" style="fill-opacity: 0; stroke-opacity: 0.35"/>
-              <circle cx="0.0" cy="185.784915130435" r="4.22928" style="stroke-width: 4.22928; stroke: black; opacity: 0.35;"/>
-              <circle cx="106.8" cy="14.7321345439838" r="4.22928" style="stroke-width: 4.22928; stroke: black; opacity: 0.35;"/>
-              <circle cx="213.6" cy="78.876927263903" r="4.22928" style="stroke-width: 4.22928; stroke: black; opacity: 0.35;"/>
-              <circle cx="320.4" cy="164.403317557128" r="4.22928" style="stroke-width: 4.22928; stroke: black; opacity: 0.35;"/>
-              <circle cx="427.2" cy="1.903176" r="4.22928" style="stroke-width: 4.22928; stroke: black; opacity: 0.35;"/>
-            </g>
-            <polyline points="0.0,183.881739130435 106.8,12.8289585439838 213.6,76.973751263903 320.4,162.500141557128 427.2,0.0" fill="none" stroke="#6886B4" stroke-width="4.22928"/>
-            <circle cx="0.0" cy="183.881739130435" r="4.22928" style="stroke-width: 4.22928; stroke: #6886B4; fill: #6886B4"/>
-            <circle cx="106.8" cy="12.8289585439838" r="4.22928" style="stroke-width: 4.22928; stroke: #6886B4; fill: #6886B4"/>
-            <circle cx="213.6" cy="76.973751263903" r="4.22928" style="stroke-width: 4.22928; stroke: #6886B4; fill: #6886B4"/>
-            <circle cx="320.4" cy="162.500141557128" r="4.22928" style="stroke-width: 4.22928; stroke: #6886B4; fill: #6886B4"/>
-            <circle cx="427.2" cy="0.0" r="4.22928" style="stroke-width: 4.22928; stroke: #6886B4; fill: #6886B4"/>
-          </g>
-        </g>
-      </g>
-    </g>
-    <g id="legend" transform="translate(30.0, 46.8)">
-      <rect x="226.8" y="0" width="10.8" height="10.8" fill="#6886B4"/>
-      <text x="246.24" y="11.664" font-size="15.552" font-family="" style="color: white" fill="white">Example</text>
-    </g>
-  </g>
-</svg>

data/website/images/graphs/multi_test.png DELETED

Binary file

data/website/images/graphs/multi_test.svg DELETED

@@ -1,296 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="600 100 360 200">
-  <g id="scruffy_graph">
-    <g id="background" transform="translate(0.0, 0.0)">
-      <defs>
-        <linearGradient id="BackgroundGradient" x1="0%" y1="0%" x2="0%" y2="100%">
-          <stop offset="5%" stop-color="black"/>
-          <stop offset="95%" stop-color="#4A465A"/>
-        </linearGradient>
-      </defs>
-      <rect width="600.0" height="360.0" x="0" y="0" fill="url(#BackgroundGradient)"/>
-    </g>
-    <g id="title" transform="translate(30.0, 7.2)">
-      <text class="title" x="270.0" y="25.2" font-size="25.2" font-family="" fill="white" stroke="none" stroke-width="0" text-anchor="middle">Some Kind of Information</text>
-    </g>
-    <g id="top_left" transform="translate(60.0, 90.0)">
-      <g>
-        <g id="grid" transform="translate(21.0, 0.0)">
-          <line x1="0" y1="0.0" x2="189.0" y2="0.0" style="stroke: white; stroke-width: 2;"/>
-          <line x1="0" y1="24.03" x2="189.0" y2="24.03" style="stroke: white; stroke-width: 2;"/>
-          <line x1="0" y1="48.06" x2="189.0" y2="48.06" style="stroke: white; stroke-width: 2;"/>
-          <line x1="0" y1="72.09" x2="189.0" y2="72.09" style="stroke: white; stroke-width: 2;"/>
-          <line x1="0" y1="96.12" x2="189.0" y2="96.12" style="stroke: white; stroke-width: 2;"/>
-        </g>
-        <g id="value_markers" transform="translate(0.0, 2.16)">
-          <text x="16.8" y="96.12" font-size="7.6896" font-family="" fill="white" text-anchor="end">-55</text>
-          <text x="16.8" y="72.09" font-size="7.6896" font-family="" fill="white" text-anchor="end">10</text>
-          <text x="16.8" y="48.06" font-size="7.6896" font-family="" fill="white" text-anchor="end">74</text>
-          <text x="16.8" y="24.03" font-size="7.6896" font-family="" fill="white" text-anchor="end">139</text>
-          <text x="16.8" y="0.0" font-size="7.6896" font-family="" fill="white" text-anchor="end">203</text>
-        </g>
-        <g id="data_markers" transform="translate(21.0, 99.36)">
-          <text x="0.0" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Jan</text>
-          <text x="37.8" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Feb</text>
-          <text x="75.6" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Mar</text>
-          <text x="113.4" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Apr</text>
-          <text x="151.2" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">May</text>
-          <text x="189.0" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Jun</text>
-        </g>
-        <g id="graphs" transform="translate(21.0, 0.0)">
-          <g id="component_graphs_graph_0" class="graph_layer">
-            <g transform="translate(0, -1.9224)">
-              <polygon points="0,96.12 0.0,68.2840062111801 37.8,77.6124223602484 75.6,38.4330745341615 113.4,49.6271739130435 151.2,64.5526397515528 189.0,36.1942546583851 189.0,96.12" style="fill: black; stroke: black; fill-opacity: 0.06; stroke-opacity: 0.06;"/>
-            </g>
-            <polygon points="0,96.12 0.0,68.2840062111801 37.8,77.6124223602484 75.6,38.4330745341615 113.4,49.6271739130435 151.2,64.5526397515528 189.0,36.1942546583851 189.0,96.12" fill="#6886B4" stroke="#6886B4" style="opacity: 1.0"/>
-          </g>
-          <g id="component_graphs_graph_1" class="graph_layer">
-            <g class="shadow" transform="translate(0.4806, 0.4806)">
-              <polyline points="0.0,79.4781055900621 37.8,83.2094720496895 75.6,57.0899068322981 113.4,41.4181677018634 151.2,83.5826086956522 189.0,54.8510869565217" fill="transparent" stroke="black" stroke-width="1.9224" style="fill-opacity: 0; stroke-opacity: 0.35"/>
-              <circle cx="0.0" cy="80.3431855900621" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
-              <circle cx="37.8" cy="84.0745520496895" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
-              <circle cx="75.6" cy="57.9549868322981" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
-              <circle cx="113.4" cy="42.2832477018634" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
-              <circle cx="151.2" cy="84.4476886956522" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
-              <circle cx="189.0" cy="55.7161669565217" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
-            </g>
-            <polyline points="0.0,79.4781055900621 37.8,83.2094720496895 75.6,57.0899068322981 113.4,41.4181677018634 151.2,83.5826086956522 189.0,54.8510869565217" fill="none" stroke="#FDD84E" stroke-width="1.9224"/>
-            <circle cx="0.0" cy="79.4781055900621" r="1.9224" style="stroke-width: 1.9224; stroke: #FDD84E; fill: #FDD84E"/>
-            <circle cx="37.8" cy="83.2094720496895" r="1.9224" style="stroke-width: 1.9224; stroke: #FDD84E; fill: #FDD84E"/>
-            <circle cx="75.6" cy="57.0899068322981" r="1.9224" style="stroke-width: 1.9224; stroke: #FDD84E; fill: #FDD84E"/>
-            <circle cx="113.4" cy="41.4181677018634" r="1.9224" style="stroke-width: 1.9224; stroke: #FDD84E; fill: #FDD84E"/>
-            <circle cx="151.2" cy="83.5826086956522" r="1.9224" style="stroke-width: 1.9224; stroke: #FDD84E; fill: #FDD84E"/>
-            <circle cx="189.0" cy="54.8510869565217" r="1.9224" style="stroke-width: 1.9224; stroke: #FDD84E; fill: #FDD84E"/>
-          </g>
-        </g>
-      </g>
-    </g>
-    <g id="top_right" transform="translate(330.0, 90.0)">
-      <g>
-        <g id="grid" transform="translate(21.0, 0.0)">
-          <line x1="0" y1="0.0" x2="189.0" y2="0.0" style="stroke: white; stroke-width: 2;"/>
-          <line x1="0" y1="24.03" x2="189.0" y2="24.03" style="stroke: white; stroke-width: 2;"/>
-          <line x1="0" y1="48.06" x2="189.0" y2="48.06" style="stroke: white; stroke-width: 2;"/>
-          <line x1="0" y1="72.09" x2="189.0" y2="72.09" style="stroke: white; stroke-width: 2;"/>
-          <line x1="0" y1="96.12" x2="189.0" y2="96.12" style="stroke: white; stroke-width: 2;"/>
-        </g>
-        <g id="value_markers" transform="translate(0.0, 2.16)">
-          <text x="16.8" y="96.12" font-size="7.6896" font-family="" fill="white" text-anchor="end">-55</text>
-          <text x="16.8" y="72.09" font-size="7.6896" font-family="" fill="white" text-anchor="end">10</text>
-          <text x="16.8" y="48.06" font-size="7.6896" font-family="" fill="white" text-anchor="end">74</text>
-          <text x="16.8" y="24.03" font-size="7.6896" font-family="" fill="white" text-anchor="end">139</text>
-          <text x="16.8" y="0.0" font-size="7.6896" font-family="" fill="white" text-anchor="end">203</text>
-        </g>
-        <g id="data_markers" transform="translate(21.0, 99.36)">
-          <text x="0.0" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Jan</text>
-          <text x="37.8" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Feb</text>
-          <text x="75.6" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Mar</text>
-          <text x="113.4" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Apr</text>
-          <text x="151.2" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">May</text>
-          <text x="189.0" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Jun</text>
-        </g>
-        <g id="graphs" transform="translate(21.0, 0.0)">
-          <g id="component_graphs_graph_0" class="graph_layer">
-            <g transform="translate(-0.4806, -0.4806)">
-              <rect x="1.575" y="64.5526397515528" width="29.3112" height="32.5285602484472" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
-              <rect x="2.0556" y="66.4750397515528" width="29.3112" height="31.0867602484472" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
-            </g>
-            <rect x="1.575" y="64.5526397515528" width="28.35" height="31.5673602484472" fill="#72AE6E" style="opacity: 1.0; stroke: none;"/>
-            <g transform="translate(-0.4806, -0.4806)">
-              <rect x="33.075" y="75.7467391304348" width="29.3112" height="21.3344608695652" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
-              <rect x="33.5556" y="77.6691391304348" width="29.3112" height="19.8926608695652" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
-            </g>
-            <rect x="33.075" y="75.7467391304348" width="28.35" height="20.3732608695652" fill="#72AE6E" style="opacity: 1.0; stroke: none;"/>
-            <g transform="translate(-0.4806, -0.4806)">
-              <rect x="64.575" y="57.4630434782609" width="29.3112" height="39.6181565217391" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
-              <rect x="65.0556" y="59.3854434782609" width="29.3112" height="38.1763565217391" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
-            </g>
-            <rect x="64.575" y="57.4630434782609" width="28.35" height="38.6569565217391" fill="#72AE6E" style="opacity: 1.0; stroke: none;"/>
-            <g transform="translate(-0.4806, -0.4806)">
-              <rect x="96.075" y="64.9257763975155" width="29.3112" height="32.1554236024845" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
-              <rect x="96.5556" y="66.8481763975155" width="29.3112" height="30.7136236024845" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
-            </g>
-            <rect x="96.075" y="64.9257763975155" width="28.35" height="31.1942236024845" fill="#72AE6E" style="opacity: 1.0; stroke: none;"/>
-            <g transform="translate(-0.4806, -0.4806)">
-              <rect x="127.575" y="38.4330745341615" width="29.3112" height="58.6481254658385" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
-              <rect x="128.0556" y="40.3554745341615" width="29.3112" height="57.2063254658385" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
-            </g>
-            <rect x="127.575" y="38.4330745341615" width="28.35" height="57.6869254658385" fill="#72AE6E" style="opacity: 1.0; stroke: none;"/>
-            <g transform="translate(-0.4806, -0.4806)">
-              <rect x="159.075" y="0.0" width="29.3112" height="97.0812" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
-              <rect x="159.5556" y="1.9224" width="29.3112" height="95.6394" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
-            </g>
-            <rect x="159.075" y="0.0" width="28.35" height="96.12" fill="#72AE6E" style="opacity: 1.0; stroke: none;"/>
-          </g>
-          <g id="component_graphs_graph_1" class="graph_layer">
-            <g class="shadow" transform="translate(0.4806, 0.4806)">
-              <polyline points="0.0,60.075 37.8,72.0153726708075 75.6,47.7614906832298 113.4,19.7762422360249 151.2,27.2389751552795 189.0,49.6271739130435" fill="transparent" stroke="black" stroke-width="1.9224" style="fill-opacity: 0; stroke-opacity: 0.35"/>
-              <circle cx="0.0" cy="60.94008" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
-              <circle cx="37.8" cy="72.8804526708075" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
-              <circle cx="75.6" cy="48.6265706832298" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
-              <circle cx="113.4" cy="20.6413222360249" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
-              <circle cx="151.2" cy="28.1040551552795" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
-              <circle cx="189.0" cy="50.4922539130435" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
-            </g>
-            <polyline points="0.0,60.075 37.8,72.0153726708075 75.6,47.7614906832298 113.4,19.7762422360249 151.2,27.2389751552795 189.0,49.6271739130435" fill="none" stroke="#D1695E" stroke-width="1.9224"/>
-            <circle cx="0.0" cy="60.075" r="1.9224" style="stroke-width: 1.9224; stroke: #D1695E; fill: #D1695E"/>
-            <circle cx="37.8" cy="72.0153726708075" r="1.9224" style="stroke-width: 1.9224; stroke: #D1695E; fill: #D1695E"/>
-            <circle cx="75.6" cy="47.7614906832298" r="1.9224" style="stroke-width: 1.9224; stroke: #D1695E; fill: #D1695E"/>
-            <circle cx="113.4" cy="19.7762422360249" r="1.9224" style="stroke-width: 1.9224; stroke: #D1695E; fill: #D1695E"/>
-            <circle cx="151.2" cy="27.2389751552795" r="1.9224" style="stroke-width: 1.9224; stroke: #D1695E; fill: #D1695E"/>
-            <circle cx="189.0" cy="49.6271739130435" r="1.9224" style="stroke-width: 1.9224; stroke: #D1695E; fill: #D1695E"/>
-          </g>
-        </g>
-      </g>
-    </g>
-    <g id="bottom_left" transform="translate(60.0, 234.0)">
-      <g>
-        <g id="grid" transform="translate(21.0, 0.0)">
-          <line x1="0" y1="0.0" x2="189.0" y2="0.0" style="stroke: white; stroke-width: 2;"/>
-          <line x1="0" y1="24.03" x2="189.0" y2="24.03" style="stroke: white; stroke-width: 2;"/>
-          <line x1="0" y1="48.06" x2="189.0" y2="48.06" style="stroke: white; stroke-width: 2;"/>
-          <line x1="0" y1="72.09" x2="189.0" y2="72.09" style="stroke: white; stroke-width: 2;"/>
-          <line x1="0" y1="96.12" x2="189.0" y2="96.12" style="stroke: white; stroke-width: 2;"/>
-        </g>
-        <g id="value_markers" transform="translate(0.0, 2.16)">
-          <text x="16.8" y="96.12" font-size="7.6896" font-family="" fill="white" text-anchor="end">-55</text>
-          <text x="16.8" y="72.09" font-size="7.6896" font-family="" fill="white" text-anchor="end">10</text>
-          <text x="16.8" y="48.06" font-size="7.6896" font-family="" fill="white" text-anchor="end">74</text>
-          <text x="16.8" y="24.03" font-size="7.6896" font-family="" fill="white" text-anchor="end">139</text>
-          <text x="16.8" y="0.0" font-size="7.6896" font-family="" fill="white" text-anchor="end">203</text>
-        </g>
-        <g id="data_markers" transform="translate(21.0, 99.36)">
-          <text x="0.0" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Jan</text>
-          <text x="37.8" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Feb</text>
-          <text x="75.6" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Mar</text>
-          <text x="113.4" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Apr</text>
-          <text x="151.2" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">May</text>
-          <text x="189.0" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Jun</text>
-        </g>
-        <g id="graphs" transform="translate(21.0, 0.0)">
-          <g id="component_graphs_graph_0" class="graph_layer">
-            <g transform="translate(0, -1.9224)">
-              <polygon points="0,96.12 0.0,79.4781055900621 37.8,49.6271739130435 75.6,68.2840062111801 113.4,37.686801242236 151.2,0.746273291925476 189.0,66.0451863354037 189.0,96.12" style="fill: black; stroke: black; fill-opacity: 0.06; stroke-opacity: 0.06;"/>
-            </g>
-            <polygon points="0,96.12 0.0,79.4781055900621 37.8,49.6271739130435 75.6,68.2840062111801 113.4,37.686801242236 151.2,0.746273291925476 189.0,66.0451863354037 189.0,96.12" fill="#8A6EAF" stroke="#8A6EAF" style="opacity: 1.0"/>
-          </g>
-          <g id="component_graphs_graph_1" class="graph_layer">
-            <g transform="translate(-0.4806, -0.4806)">
-              <rect x="1.575" y="64.5526397515528" width="29.3112" height="32.5285602484472" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
-              <rect x="2.0556" y="66.4750397515528" width="29.3112" height="31.0867602484472" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
-            </g>
-            <rect x="1.575" y="64.5526397515528" width="28.35" height="31.5673602484472" fill="#72AE6E" style="opacity: 0.85; stroke: none;"/>
-            <g transform="translate(-0.4806, -0.4806)">
-              <rect x="33.075" y="75.7467391304348" width="29.3112" height="21.3344608695652" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
-              <rect x="33.5556" y="77.6691391304348" width="29.3112" height="19.8926608695652" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
-            </g>
-            <rect x="33.075" y="75.7467391304348" width="28.35" height="20.3732608695652" fill="#72AE6E" style="opacity: 0.85; stroke: none;"/>
-            <g transform="translate(-0.4806, -0.4806)">
-              <rect x="64.575" y="57.4630434782609" width="29.3112" height="39.6181565217391" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
-              <rect x="65.0556" y="59.3854434782609" width="29.3112" height="38.1763565217391" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
-            </g>
-            <rect x="64.575" y="57.4630434782609" width="28.35" height="38.6569565217391" fill="#72AE6E" style="opacity: 0.85; stroke: none;"/>
-            <g transform="translate(-0.4806, -0.4806)">
-              <rect x="96.075" y="64.9257763975155" width="29.3112" height="32.1554236024845" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
-              <rect x="96.5556" y="66.8481763975155" width="29.3112" height="30.7136236024845" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
-            </g>
-            <rect x="96.075" y="64.9257763975155" width="28.35" height="31.1942236024845" fill="#72AE6E" style="opacity: 0.85; stroke: none;"/>
-            <g transform="translate(-0.4806, -0.4806)">
-              <rect x="127.575" y="38.4330745341615" width="29.3112" height="58.6481254658385" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
-              <rect x="128.0556" y="40.3554745341615" width="29.3112" height="57.2063254658385" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
-            </g>
-            <rect x="127.575" y="38.4330745341615" width="28.35" height="57.6869254658385" fill="#72AE6E" style="opacity: 0.85; stroke: none;"/>
-            <g transform="translate(-0.4806, -0.4806)">
-              <rect x="159.075" y="0.0" width="29.3112" height="97.0812" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
-              <rect x="159.5556" y="1.9224" width="29.3112" height="95.6394" style="fill: black; fill-opacity: 0.15; stroke: none;"/>
-            </g>
-            <rect x="159.075" y="0.0" width="28.35" height="96.12" fill="#72AE6E" style="opacity: 0.85; stroke: none;"/>
-          </g>
-          <g id="component_graphs_graph_2" class="graph_layer">
-            <g class="shadow" transform="translate(0.4806, 0.4806)">
-              <polyline points="0.0,60.075 37.8,72.0153726708075 75.6,47.7614906832298 113.4,19.7762422360249 151.2,27.2389751552795 189.0,49.6271739130435" fill="transparent" stroke="black" stroke-width="1.9224" style="fill-opacity: 0; stroke-opacity: 0.35"/>
-              <circle cx="0.0" cy="60.94008" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
-              <circle cx="37.8" cy="72.8804526708075" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
-              <circle cx="75.6" cy="48.6265706832298" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
-              <circle cx="113.4" cy="20.6413222360249" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
-              <circle cx="151.2" cy="28.1040551552795" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
-              <circle cx="189.0" cy="50.4922539130435" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
-            </g>
-            <polyline points="0.0,60.075 37.8,72.0153726708075 75.6,47.7614906832298 113.4,19.7762422360249 151.2,27.2389751552795 189.0,49.6271739130435" fill="none" stroke="#D1695E" stroke-width="1.9224"/>
-            <circle cx="0.0" cy="60.075" r="1.9224" style="stroke-width: 1.9224; stroke: #D1695E; fill: #D1695E"/>
-            <circle cx="37.8" cy="72.0153726708075" r="1.9224" style="stroke-width: 1.9224; stroke: #D1695E; fill: #D1695E"/>
-            <circle cx="75.6" cy="47.7614906832298" r="1.9224" style="stroke-width: 1.9224; stroke: #D1695E; fill: #D1695E"/>
-            <circle cx="113.4" cy="19.7762422360249" r="1.9224" style="stroke-width: 1.9224; stroke: #D1695E; fill: #D1695E"/>
-            <circle cx="151.2" cy="27.2389751552795" r="1.9224" style="stroke-width: 1.9224; stroke: #D1695E; fill: #D1695E"/>
-            <circle cx="189.0" cy="49.6271739130435" r="1.9224" style="stroke-width: 1.9224; stroke: #D1695E; fill: #D1695E"/>
-          </g>
-        </g>
-      </g>
-    </g>
-    <g id="bottom_right" transform="translate(330.0, 234.0)">
-      <g>
-        <g id="grid" transform="translate(21.0, 0.0)">
-          <line x1="0" y1="0.0" x2="189.0" y2="0.0" style="stroke: white; stroke-width: 2;"/>
-          <line x1="0" y1="24.03" x2="189.0" y2="24.03" style="stroke: white; stroke-width: 2;"/>
-          <line x1="0" y1="48.06" x2="189.0" y2="48.06" style="stroke: white; stroke-width: 2;"/>
-          <line x1="0" y1="72.09" x2="189.0" y2="72.09" style="stroke: white; stroke-width: 2;"/>
-          <line x1="0" y1="96.12" x2="189.0" y2="96.12" style="stroke: white; stroke-width: 2;"/>
-        </g>
-        <g id="value_markers" transform="translate(0.0, 2.16)">
-          <text x="16.8" y="96.12" font-size="7.6896" font-family="" fill="white" text-anchor="end">-55</text>
-          <text x="16.8" y="72.09" font-size="7.6896" font-family="" fill="white" text-anchor="end">10</text>
-          <text x="16.8" y="48.06" font-size="7.6896" font-family="" fill="white" text-anchor="end">74</text>
-          <text x="16.8" y="24.03" font-size="7.6896" font-family="" fill="white" text-anchor="end">139</text>
-          <text x="16.8" y="0.0" font-size="7.6896" font-family="" fill="white" text-anchor="end">203</text>
-        </g>
-        <g id="data_markers" transform="translate(21.0, 99.36)">
-          <text x="0.0" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Jan</text>
-          <text x="37.8" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Feb</text>
-          <text x="75.6" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Mar</text>
-          <text x="113.4" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Apr</text>
-          <text x="151.2" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">May</text>
-          <text x="189.0" y="8.64" font-size="7.776" font-family="" fill="white" text-anchor="middle">Jun</text>
-        </g>
-        <g id="graphs" transform="translate(21.0, 0.0)">
-          <g id="component_graphs_graph_0" class="graph_layer">
-            <g transform="translate(0, -1.9224)">
-              <polygon points="0,96.12 0.0,68.2840062111801 37.8,77.6124223602484 75.6,38.4330745341615 113.4,49.6271739130435 151.2,64.5526397515528 189.0,36.1942546583851 189.0,96.12" style="fill: black; stroke: black; fill-opacity: 0.06; stroke-opacity: 0.06;"/>
-            </g>
-            <polygon points="0,96.12 0.0,68.2840062111801 37.8,77.6124223602484 75.6,38.4330745341615 113.4,49.6271739130435 151.2,64.5526397515528 189.0,36.1942546583851 189.0,96.12" fill="#6886B4" stroke="#6886B4" style="opacity: 1.0"/>
-          </g>
-          <g id="component_graphs_graph_1" class="graph_layer">
-            <g class="shadow" transform="translate(0.4806, 0.4806)">
-              <polyline points="0.0,79.4781055900621 37.8,83.2094720496895 75.6,57.0899068322981 113.4,41.4181677018634 151.2,83.5826086956522 189.0,54.8510869565217" fill="transparent" stroke="black" stroke-width="1.9224" style="fill-opacity: 0; stroke-opacity: 0.35"/>
-              <circle cx="0.0" cy="80.3431855900621" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
-              <circle cx="37.8" cy="84.0745520496895" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
-              <circle cx="75.6" cy="57.9549868322981" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
-              <circle cx="113.4" cy="42.2832477018634" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
-              <circle cx="151.2" cy="84.4476886956522" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
-              <circle cx="189.0" cy="55.7161669565217" r="1.9224" style="stroke-width: 1.9224; stroke: black; opacity: 0.35;"/>
-            </g>
-            <polyline points="0.0,79.4781055900621 37.8,83.2094720496895 75.6,57.0899068322981 113.4,41.4181677018634 151.2,83.5826086956522 189.0,54.8510869565217" fill="none" stroke="#FDD84E" stroke-width="1.9224"/>
-            <circle cx="0.0" cy="79.4781055900621" r="1.9224" style="stroke-width: 1.9224; stroke: #FDD84E; fill: #FDD84E"/>
-            <circle cx="37.8" cy="83.2094720496895" r="1.9224" style="stroke-width: 1.9224; stroke: #FDD84E; fill: #FDD84E"/>
-            <circle cx="75.6" cy="57.0899068322981" r="1.9224" style="stroke-width: 1.9224; stroke: #FDD84E; fill: #FDD84E"/>
-            <circle cx="113.4" cy="41.4181677018634" r="1.9224" style="stroke-width: 1.9224; stroke: #FDD84E; fill: #FDD84E"/>
-            <circle cx="151.2" cy="83.5826086956522" r="1.9224" style="stroke-width: 1.9224; stroke: #FDD84E; fill: #FDD84E"/>
-            <circle cx="189.0" cy="54.8510869565217" r="1.9224" style="stroke-width: 1.9224; stroke: #FDD84E; fill: #FDD84E"/>
-          </g>
-        </g>
-      </g>
-    </g>
-    <g id="legend" transform="translate(30.0, 46.8)">
-      <rect x="108.0" y="0" width="9.0" height="9.0" fill="#6886B4"/>
-      <text x="124.2" y="9.72" font-size="12.96" font-family="" style="color: white" fill="white">Jeff</text>
-      <rect x="171.0" y="0" width="9.0" height="9.0" fill="#8A6EAF"/>
-      <text x="187.2" y="9.72" font-size="12.96" font-family="" style="color: white" fill="white">Jerry</text>
-      <rect x="243.0" y="0" width="9.0" height="9.0" fill="#72AE6E"/>
-      <text x="259.2" y="9.72" font-size="12.96" font-family="" style="color: white" fill="white">Jack</text>
-      <rect x="306.0" y="0" width="9.0" height="9.0" fill="#D1695E"/>
-      <text x="322.2" y="9.72" font-size="12.96" font-family="" style="color: white" fill="white">Brasten</text>
-      <rect x="396.0" y="0" width="9.0" height="9.0" fill="#FDD84E"/>
-      <text x="412.2" y="9.72" font-size="12.96" font-family="" style="color: white" fill="white">Jim</text>
-    </g>
-  </g>
-</svg>