ruby-treemap 0.0.3 → 0.0.4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (11) hide show
  1. data/ChangeLog +4 -0
  2. data/Rakefile +4 -4
  3. data/lib/treemap.rb +1 -1
  4. data/lib/treemap/node.rb +2 -2
  5. data/test/color_test.html +1 -0
  6. data/test/html_test.html +14 -0
  7. data/test/simple_test.png +0 -0
  8. data/test/slice_test.png +0 -0
  9. data/test/squarified_test.png +0 -0
  10. data/test/svg_test.svg +33 -0
  11. metadata +58 -51
data/ChangeLog CHANGED
@@ -2,6 +2,10 @@
2
2
  RubyTreemap - ChangeLog
3
3
  ===============================================================================
4
4
 
5
+ 2015-05-05
6
+ * Moved code to github
7
+ * Merged pull requests from matkoniecz
8
+
5
9
  2008-11-23
6
10
  * Applied patch from Peter Krantz
7
11
  - Enables svg output with centered labels
data/Rakefile CHANGED
@@ -2,9 +2,9 @@ require 'rubygems'
2
2
  require 'rake'
3
3
  require 'rake/clean'
4
4
  require 'rake/testtask'
5
- require 'rake/rdoctask'
5
+ require 'rdoc/task'
6
6
  require 'rake/packagetask'
7
- require 'rake/gempackagetask'
7
+ require 'rubygems/package_task'
8
8
 
9
9
  $:.unshift(File.dirname(__FILE__) + "/lib")
10
10
  require 'treemap'
@@ -51,7 +51,7 @@ spec = Gem::Specification.new do |s|
51
51
  s.version = PKG_VERSION
52
52
  s.author = "Andrew Bruno"
53
53
  s.email = "aeb@qnot.org"
54
- s.homepage = "http://rubytreemap.rubyforge.org/"
54
+ s.homepage = "https://github.com/aebruno/ruby-treemap"
55
55
 
56
56
  s.has_rdoc = true
57
57
  s.extra_rdoc_files = [ "README", "EXAMPLES" ]
@@ -66,6 +66,6 @@ spec = Gem::Specification.new do |s|
66
66
  s.files = s.files + Dir.glob( "test/**/*" ).delete_if { |item| item.include?( "\.svn" ) }
67
67
  end
68
68
 
69
- Rake::GemPackageTask.new(spec) do |p|
69
+ Gem::PackageTask.new(spec) do |p|
70
70
  p.need_tar = true
71
71
  end
data/lib/treemap.rb CHANGED
@@ -25,7 +25,7 @@ require File.dirname(__FILE__) + '/treemap/svg_output'
25
25
  # require File.dirname(__FILE__) + '/treemap/image_output'
26
26
 
27
27
  module Treemap
28
- VERSION = "0.0.3"
28
+ VERSION = "0.0.4"
29
29
 
30
30
  def Treemap::dump_tree(node)
31
31
  puts "#{node.label}: #{node.bounds.to_s}"
data/lib/treemap/node.rb CHANGED
@@ -10,7 +10,7 @@
10
10
  #
11
11
  #
12
12
 
13
- require "md5"
13
+ require "digest/md5"
14
14
 
15
15
  module Treemap
16
16
  #
@@ -135,7 +135,7 @@ module Treemap
135
135
  private
136
136
  def make_id
137
137
  #XXX prob should change this. Create a better way to generate unique id's
138
- @id = MD5.new([self.label, rand(100000000)].join("-")).hexdigest
138
+ @id = Digest::MD5.hexdigest([self.label, rand(100000000)].join("-"))
139
139
  end
140
140
  end
141
141
  end
data/test/color_test.html ADDED
@@ -0,0 +1 @@
1
+ <div><span style="display: block; float: left;width: 1px;height: 20px;background-color: #EC6F70;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #EB6F71;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #EB7071;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #EB7072;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #EB7172;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #EB7173;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #EB7273;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #EB7274;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #EB7374;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #EB7375;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #EB7475;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #EB7476;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #EB7576;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #EA7577;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #EA7678;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #EA7678;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #EA7779;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #EA7879;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #EA787A;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #EA797A;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #EA797B;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #EA7A7B;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #EA7A7C;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #EA7B7C;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #EA7B7D;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E97C7E;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E97C7E;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E97D7F;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E97D7F;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E97E80;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E97E80;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E97F81;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E98081;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E98082;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E98182;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E98183;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E98283;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E88284;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E88385;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E88385;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E88486;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E88486;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E88587;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E88587;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E88688;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E88688;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E88789;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E88889;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E8888A;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E7898A;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E7898B;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E78A8C;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E78A8C;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E78B8D;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E78B8D;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E78C8E;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E78C8E;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E78D8F;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E78D8F;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E78E90;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E78E90;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E68F91;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E69091;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E69092;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E69193;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E69193;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E69294;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E69294;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E69395;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E69395;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E69496;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E69496;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E69597;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E59597;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E59698;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E59699;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E59799;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E5989A;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E5989A;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E5999B;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E5999B;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E59A9C;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E59A9C;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E59B9D;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E59B9D;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E49C9E;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E49C9E;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E49D9F;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E49DA0;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E49EA0;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E49EA1;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E49FA1;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E49FA2;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E4A0A2;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E4A1A3;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E4A1A3;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E4A2A4;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E3A2A4;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E3A3A5;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E3A3A5;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E3A4A6;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E3A4A7;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E3A5A7;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E3A5A8;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E3A6A8;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E3A6A9;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E3A7A9;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E3A7AA;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E3A8AA;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E3A9AB;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E2A9AB;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E2AAAC;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E2AAAC;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E2ABAD;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E2ABAE;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E2ACAE;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E2ACAF;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E2ADAF;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E2ADB0;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E2AEB0;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E2AEB1;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E2AFB1;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E1AFB2;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E1B0B2;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E1B1B3;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E1B1B4;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E1B2B4;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E1B2B5;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E1B3B5;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E1B3B6;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E1B4B6;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E1B4B7;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E1B5B7;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E1B5B8;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E0B6B8;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E0B6B9;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E0B7B9;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E0B7BA;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E0B8BB;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E0B9BB;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E0B9BC;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E0BABC;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E0BABD;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E0BBBD;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E0BBBE;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #E0BCBE;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DFBCBF;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DFBDBF;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DFBDC0;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DFBEC0;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DFBEC1;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DFBFC2;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DFBFC2;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DFC0C3;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DFC1C3;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DFC1C4;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DFC2C4;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DFC2C5;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DEC3C5;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DEC3C6;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DEC4C6;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DEC4C7;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DEC5C7;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DEC5C8;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DEC6C9;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DEC6C9;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DEC7CA;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DEC7CA;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DEC8CB;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DEC8CB;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DDC9CC;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DDCACC;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DDCACD;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DDCBCD;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DDCBCE;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DDCCCF;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DDCCCF;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DDCDD0;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DDCDD0;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DDCED1;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DDCED1;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DDCFD2;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DCCFD2;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DCD0D3;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DCD0D3;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DCD1D4;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DCD2D4;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DCD2D5;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DCD3D6;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DCD3D6;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DCD4D7;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DCD4D7;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DCD5D8;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DCD5D8;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DBD6D9;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DBD6D9;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DBD7DA;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DBD7DA;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DBD8DB;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DBD8DB;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DBD9DC;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DAD9DC;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #DAD9DC;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #D9D8DC;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #D9D8DC;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #D8D8DC;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #D8D8DC;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #D7D8DC;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #D7D8DC;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #D6D7DC;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #D6D7DC;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #D5D7DB;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #D4D7DB;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #D4D7DB;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #D3D7DB;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #D3D6DB;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #D2D6DB;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #D2D6DB;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #D1D6DB;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #D1D6DB;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #D0D5DB;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #D0D5DB;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #CFD5DB;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #CED5DB;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #CED5DB;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #CDD5DB;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #CDD4DB;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #CCD4DB;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #CCD4DB;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #CBD4DB;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #CBD4DB;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #CAD3DA;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #C9D3DA;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #C9D3DA;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #C8D3DA;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #C8D3DA;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #C7D3DA;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #C7D2DA;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #C6D2DA;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #C6D2DA;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #C5D2DA;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #C5D2DA;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #C4D2DA;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #C3D1DA;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #C3D1DA;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #C2D1DA;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #C2D1DA;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #C1D1DA;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #C1D0DA;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #C0D0DA;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #C0D0DA;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #BFD0D9;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #BFD0D9;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #BED0D9;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #BDCFD9;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #BDCFD9;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #BCCFD9;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #BCCFD9;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #BBCFD9;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #BBCFD9;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #BACED9;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #BACED9;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #B9CED9;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #B9CED9;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #B8CED9;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #B7CDD9;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #B7CDD9;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #B6CDD9;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #B6CDD9;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #B5CDD9;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #B5CDD9;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #B4CCD8;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #B4CCD8;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #B3CCD8;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #B2CCD8;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #B2CCD8;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #B1CCD8;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #B1CBD8;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #B0CBD8;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #B0CBD8;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #AFCBD8;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #AFCBD8;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #AECAD8;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #AECAD8;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #ADCAD8;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #ACCAD8;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #ACCAD8;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #ABCAD8;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #ABC9D8;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #AAC9D8;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #AAC9D8;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #A9C9D7;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #A9C9D7;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #A8C8D7;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #A8C8D7;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #A7C8D7;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #A6C8D7;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #A6C8D7;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #A5C8D7;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #A5C7D7;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #A4C7D7;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #A4C7D7;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #A3C7D7;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #A3C7D7;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #A2C7D7;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #A2C6D7;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #A1C6D7;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #A0C6D7;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #A0C6D7;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #9FC6D7;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #9FC5D7;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #9EC5D6;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #9EC5D6;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #9DC5D6;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #9DC5D6;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #9CC5D6;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #9BC4D6;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #9BC4D6;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #9AC4D6;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #9AC4D6;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #99C4D6;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #99C4D6;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #98C3D6;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #98C3D6;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #97C3D6;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #97C3D6;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #96C3D6;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #95C2D6;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #95C2D6;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #94C2D6;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #94C2D6;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #93C2D5;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #93C2D5;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #92C1D5;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #92C1D5;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #91C1D5;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #91C1D5;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #90C1D5;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #8FC1D5;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #8FC0D5;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #8EC0D5;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #8EC0D5;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #8DC0D5;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #8DC0D5;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #8CBFD5;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #8CBFD5;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #8BBFD5;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #8BBFD5;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #8ABFD5;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #89BFD5;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #89BED5;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #88BED4;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #88BED4;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #87BED4;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #87BED4;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #86BDD4;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #86BDD4;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #85BDD4;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #84BDD4;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #84BDD4;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #83BDD4;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #83BCD4;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #82BCD4;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #82BCD4;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #81BCD4;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #81BCD4;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #80BCD4;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #80BBD4;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #7FBBD4;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #7EBBD4;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #7EBBD4;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #7DBBD3;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #7DBAD3;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #7CBAD3;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #7CBAD3;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #7BBAD3;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #7BBAD3;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #7ABAD3;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #7AB9D3;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #79B9D3;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #78B9D3;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #78B9D3;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #77B9D3;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #77B9D3;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #76B8D3;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #76B8D3;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #75B8D3;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #75B8D3;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #74B8D3;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #74B7D3;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #73B7D3;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #72B7D2;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #72B7D2;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #71B7D2;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #71B7D2;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #70B6D2;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #70B6D2;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #6FB6D2;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #6FB6D2;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #6EB6D2;"><img width="1" height="1" /></span><span style="display: block; float: left;width: 1px;height: 20px;background-color: #6EB6D2;"><img width="1" height="1" /></span></div>
data/test/html_test.html ADDED
@@ -0,0 +1,14 @@
1
+ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html><head><title>Treemap - all</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><style type="text/css">.node {
2
+ border: 1px solid black;
3
+ }
4
+ .label {
5
+ color: #FFFFFF;
6
+ font-size: 11px;
7
+ }
8
+ .label-heading {
9
+ color: #FFFFFF;
10
+ font-size: 14pt;
11
+ font-weight: bold;
12
+ text-decoration: underline;
13
+ }
14
+ </style></head><body><div id="node-16a08990e5ae1d9a9fe7933ea7a1101b" style="overflow: hidden; position: absolute; display: inline;left: 0px; top: 0px;width: 800px; height: 600px;background-color: #CCCCCC;" class="node"><span class="label" style="font-size:77px">all</span><div id="node-872055860d0fdeb71291b79683fbbf73" style="overflow: hidden; position: absolute; display: inline;left: 0px; top: 0px;width: 560px; height: 600px;background-color: #CCCCCC;border: 1px solid black;" class="node"><span style="overflow: hidden; position: absolute;margin-top: 268px;margin-left: 220px;left: 0px; top: 0px;z-index: 100;font-size:64px;" class="label-heading">Child4</span><div id="node-5e421a9f40dcb9bbdc6b006f0d8e52c2" style="overflow: hidden; position: absolute; display: inline;left: 0px; top: 0px;width: 345px; height: 557px;background-color: #CCCCCC;" class="node"><span class="label" style="font-size:49px">Child4-40</span></div><div id="node-790336c20184e8d40392bb49b35bcca8" style="overflow: hidden; position: absolute; display: inline;left: 345px; top: 0px;width: 215px; height: 557px;background-color: #CCCCCC;" class="node"><span class="label" style="font-size:38px">Child5</span><div id="node-03353a2482328ba50c636646cf2486df" style="overflow: hidden; position: absolute; display: inline;left: 0px; top: 0px;width: 215px; height: 245px;background-color: #CCCCCC;" class="node"><span class="label" style="font-size:25px">Child5-11</span></div><div id="node-bcf7954e3702d9bc8095048571d05e0e" style="overflow: hidden; position: absolute; display: inline;left: 0px; top: 245px;width: 215px; height: 178px;background-color: #CCCCCC;" class="node"><span class="label" style="font-size:21px">Child5-8</span></div><div id="node-f1b151e3586c0cbb66c5b9795fd25af1" style="overflow: hidden; position: absolute; display: inline;left: 0px; top: 423px;width: 215px; height: 134px;background-color: #CCCCCC;" class="node"><span class="label" style="font-size:19px">Child5-6</span></div></div><div id="node-f0970c5af722ab758a6dbf99ffd7d66c" style="overflow: hidden; position: absolute; display: inline;left: 0px; top: 557px;width: 560px; height: 43px;background-color: #CCCCCC;" class="node"><span class="label" style="font-size:17px">Child4-5</span></div></div><div id="node-c9961f690698f5862e1a89c1d348da7c" style="overflow: hidden; position: absolute; display: inline;left: 560px; top: 0px;width: 240px; height: 240px;background-color: #CCCCCC;border: 1px solid black;" class="node"><span style="overflow: hidden; position: absolute;margin-top: 107px;margin-left: 60px;left: 0px; top: 0px;z-index: 100;font-size:26px;" class="label-heading">Child1</span></div><div id="node-ba44f88cd0e2e0fc28723d790eb1fcd3" style="overflow: hidden; position: absolute; display: inline;left: 560px; top: 240px;width: 240px; height: 200px;background-color: #CCCCCC;border: 1px solid black;" class="node"><span style="overflow: hidden; position: absolute;margin-top: 88px;margin-left: 60px;left: 0px; top: 0px;z-index: 100;font-size:24px;" class="label-heading">Child3</span><div id="node-393ec33fbbeb4f8fe3ab0ed24633923b" style="overflow: hidden; position: absolute; display: inline;left: 0px; top: 0px;width: 103px; height: 140px;background-color: #CCCCCC;" class="node"><span class="label" style="font-size:13px">Child3-3</span></div><div id="node-4094ac4da4541789b5dcef3809d283e5" style="overflow: hidden; position: absolute; display: inline;left: 103px; top: 0px;width: 69px; height: 140px;background-color: #CCCCCC;" class="node"><span class="label" style="font-size:11px">Child3-2</span></div><div id="node-22de7a155b7827da0510239427797865" style="overflow: hidden; position: absolute; display: inline;left: 172px; top: 0px;width: 68px; height: 140px;background-color: #CCCCCC;" class="node"><span class="label" style="font-size:10px">Child3-2</span></div><div id="node-6bcf5be5aac2f4ae0a00c351887affd2" style="overflow: hidden; position: absolute; display: inline;left: 0px; top: 140px;width: 160px; height: 60px;background-color: #CCCCCC;" class="node"><span class="label" style="font-size:10px">Child3-2</span></div><div id="node-6386006fd97fc268862c5a82727e424f" style="overflow: hidden; position: absolute; display: inline;left: 160px; top: 140px;width: 80px; height: 60px;background-color: #CCCCCC;" class="node"><span class="label" style="font-size:7px">Child3-1</span></div></div><div id="node-37252f27c5476ff95f1ae89d4a58514a" style="overflow: hidden; position: absolute; display: inline;left: 560px; top: 440px;width: 240px; height: 160px;background-color: #CCCCCC;border: 1px solid black;" class="node"><span style="overflow: hidden; position: absolute;margin-top: 70px;margin-left: 60px;left: 0px; top: 0px;z-index: 100;font-size:21px;" class="label-heading">Child2</span></div></div></body></html>
data/test/simple_test.png ADDED
Binary file
data/test/slice_test.png ADDED
Binary file
data/test/squarified_test.png ADDED
Binary file
data/test/svg_test.svg ADDED
@@ -0,0 +1,33 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:ev="http://www.w3.org/2001/xml-events" width="800" height="600"><rect id="rect-99b71261c0860c2f4e69d7d4c7ce82bf" x="0" y="0" width="800" height="600" fill="#CCCCCC" stroke="#000000" stroke-width="1px" />
2
+ <text style="text-anchor: middle" font-size="15" x="400" y="300">all</text>
3
+ <rect id="rect-6afa44d14a92a930316fa6303cc41f44" x="0" y="0" width="560" height="600" fill="#CCCCCC" stroke="#000000" stroke-width="1px" />
4
+ <text style="text-anchor: middle" font-size="15" x="280" y="300">Child4</text>
5
+ <rect id="rect-8f06b013aa762c313545284f2f62122e" x="0" y="0" width="345" height="557" fill="#CCCCCC" stroke="#000000" stroke-width="1px" />
6
+ <text style="text-anchor: middle" font-size="15" x="172" y="278">Child4-40</text>
7
+ <rect id="rect-f5e53641233143b4a4efd109186292a8" x="345" y="0" width="215" height="557" fill="#CCCCCC" stroke="#000000" stroke-width="1px" />
8
+ <text style="text-anchor: middle" font-size="15" x="452" y="278">Child5</text>
9
+ <rect id="rect-a8bead465130c8b3dce814f42e1191c3" x="345" y="0" width="215" height="245" fill="#CCCCCC" stroke="#000000" stroke-width="1px" />
10
+ <text style="text-anchor: middle" font-size="15" x="452" y="122">Child5-11</text>
11
+ <rect id="rect-69ca6dd2fa5dda26e2cb14b48cc70baf" x="345" y="245" width="215" height="178" fill="#CCCCCC" stroke="#000000" stroke-width="1px" />
12
+ <text style="text-anchor: middle" font-size="15" x="452" y="334">Child5-8</text>
13
+ <rect id="rect-54bddcc701cb22e0a3f2d441d4d8b27a" x="345" y="423" width="215" height="134" fill="#CCCCCC" stroke="#000000" stroke-width="1px" />
14
+ <text style="text-anchor: middle" font-size="15" x="452" y="490">Child5-6</text>
15
+ <rect id="rect-714d17922806f6c95afc003f133d4618" x="0" y="557" width="560" height="43" fill="#CCCCCC" stroke="#000000" stroke-width="1px" />
16
+ <text style="text-anchor: middle" font-size="15" x="280" y="578">Child4-5</text>
17
+ <rect id="rect-14a321bcea7a3de435325566b070c831" x="560" y="0" width="240" height="240" fill="#CCCCCC" stroke="#000000" stroke-width="1px" />
18
+ <text style="text-anchor: middle" font-size="15" x="680" y="120">Child1</text>
19
+ <rect id="rect-0a1bb0c06f4f48a8cad69459750413d6" x="560" y="240" width="240" height="200" fill="#CCCCCC" stroke="#000000" stroke-width="1px" />
20
+ <text style="text-anchor: middle" font-size="15" x="680" y="340">Child3</text>
21
+ <rect id="rect-3a1be1159c5d273ad3bc460d409abb4c" x="560" y="240" width="103" height="140" fill="#CCCCCC" stroke="#000000" stroke-width="1px" />
22
+ <text style="text-anchor: middle" font-size="15" x="611" y="310">Child3-3</text>
23
+ <rect id="rect-d221d7cb97ea5657b6614dfea04b1e0e" x="663" y="240" width="69" height="140" fill="#CCCCCC" stroke="#000000" stroke-width="1px" />
24
+ <text style="text-anchor: middle" font-size="15" x="697" y="310">Child3-2</text>
25
+ <rect id="rect-236e457b00392d35fcbddbff3336ab39" x="732" y="240" width="68" height="140" fill="#CCCCCC" stroke="#000000" stroke-width="1px" />
26
+ <text style="text-anchor: middle" font-size="15" x="766" y="310">Child3-2</text>
27
+ <rect id="rect-8a72e9ea7b99d49e2a0b963a1a03287e" x="560" y="380" width="160" height="60" fill="#CCCCCC" stroke="#000000" stroke-width="1px" />
28
+ <text style="text-anchor: middle" font-size="15" x="640" y="410">Child3-2</text>
29
+ <rect id="rect-979f61082bfcb8087da90e1ace2d490b" x="720" y="380" width="80" height="60" fill="#CCCCCC" stroke="#000000" stroke-width="1px" />
30
+ <text style="text-anchor: middle" font-size="15" x="760" y="410">Child3-1</text>
31
+ <rect id="rect-696b803386c10d9a4e1cd6de2b67c464" x="560" y="440" width="240" height="160" fill="#CCCCCC" stroke="#000000" stroke-width="1px" />
32
+ <text style="text-anchor: middle" font-size="15" x="680" y="520">Child2</text>
33
+ </svg>
metadata CHANGED
@@ -1,34 +1,24 @@
1
- --- !ruby/object:Gem::Specification
2
- rubygems_version: 0.9.4
3
- specification_version: 1
1
+ --- !ruby/object:Gem::Specification
4
2
  name: ruby-treemap
5
- version: !ruby/object:Gem::Version
6
- version: 0.0.3
7
- date: 2008-11-23 00:00:00 -05:00
8
- summary: Treemap visualization in ruby
9
- require_paths:
10
- - lib
11
- email: aeb@qnot.org
12
- homepage: http://rubytreemap.rubyforge.org/
13
- rubyforge_project:
14
- description: Treemap visualization in ruby
15
- autorequire: treemap
16
- default_executable:
17
- bindir: bin
18
- has_rdoc: true
19
- required_ruby_version: !ruby/object:Gem::Version::Requirement
20
- requirements:
21
- - - ">"
22
- - !ruby/object:Gem::Version
23
- version: 0.0.0
24
- version:
3
+ version: !ruby/object:Gem::Version
4
+ version: 0.0.4
5
+ prerelease:
25
6
  platform: ruby
26
- signing_key:
27
- cert_chain:
28
- post_install_message:
29
- authors:
7
+ authors:
30
8
  - Andrew Bruno
31
- files:
9
+ autorequire: treemap
10
+ bindir: bin
11
+ cert_chain: []
12
+ date: 2015-05-06 00:00:00.000000000 Z
13
+ dependencies: []
14
+ description: Treemap visualization in ruby
15
+ email: aeb@qnot.org
16
+ executables: []
17
+ extensions: []
18
+ extra_rdoc_files:
19
+ - README
20
+ - EXAMPLES
21
+ files:
32
22
  - Rakefile
33
23
  - TODO
34
24
  - EXAMPLES
@@ -36,38 +26,55 @@ files:
36
26
  - ChangeLog
37
27
  - COPYING
38
28
  - lib/treemap.rb
39
- - lib/treemap
40
- - lib/treemap/squarified_layout.rb
41
- - lib/treemap/node.rb
29
+ - lib/treemap/color_base.rb
42
30
  - lib/treemap/image_output.rb
43
- - lib/treemap/rectangle.rb
44
- - lib/treemap/svg_output.rb
45
31
  - lib/treemap/html_output.rb
46
- - lib/treemap/color_base.rb
47
- - lib/treemap/layout_base.rb
32
+ - lib/treemap/squarified_layout.rb
48
33
  - lib/treemap/gradient_color.rb
34
+ - lib/treemap/svg_output.rb
35
+ - lib/treemap/rectangle.rb
49
36
  - lib/treemap/output_base.rb
50
37
  - lib/treemap/slice_layout.rb
38
+ - lib/treemap/layout_base.rb
39
+ - lib/treemap/node.rb
40
+ - test/svg_test.svg
41
+ - test/tc_color.rb
51
42
  - test/tc_simple.rb
52
- - test/tc_svg.rb
53
43
  - test/tc_slice.rb
54
- - test/tc_squarified.rb
44
+ - test/simple_test.png
55
45
  - test/test_base.rb
56
46
  - test/tc_html.rb
57
- - test/tc_color.rb
58
- test_files: []
59
-
60
- rdoc_options:
47
+ - test/tc_svg.rb
48
+ - test/slice_test.png
49
+ - test/html_test.html
50
+ - test/color_test.html
51
+ - test/tc_squarified.rb
52
+ - test/squarified_test.png
53
+ homepage: https://github.com/aebruno/ruby-treemap
54
+ licenses: []
55
+ post_install_message:
56
+ rdoc_options:
61
57
  - --main
62
58
  - README
63
- extra_rdoc_files:
64
- - README
65
- - EXAMPLES
66
- executables: []
67
-
68
- extensions: []
69
-
70
- requirements:
59
+ require_paths:
60
+ - lib
61
+ required_ruby_version: !ruby/object:Gem::Requirement
62
+ none: false
63
+ requirements:
64
+ - - ! '>='
65
+ - !ruby/object:Gem::Version
66
+ version: '0'
67
+ required_rubygems_version: !ruby/object:Gem::Requirement
68
+ none: false
69
+ requirements:
70
+ - - ! '>='
71
+ - !ruby/object:Gem::Version
72
+ version: '0'
73
+ requirements:
71
74
  - none
72
- dependencies: []
73
-
75
+ rubyforge_project:
76
+ rubygems_version: 1.8.23
77
+ signing_key:
78
+ specification_version: 3
79
+ summary: Treemap visualization in ruby
80
+ test_files: []