ruby-treemap-fork 0.0.4

data/lib/treemap/svg_output.rb

@@ -0,0 +1,115 @@
+#
+# svg_output.rb - RubyTreemap
+#
+# Copyright (c) 2006 by Andrew Bruno <aeb@qnot.org>
+#
+# This program is free software; you can redistribute it and/or modify
+# it under the terms of the GNU General Public License as published by
+# the Free Software Foundation; either version 2 of the License, or
+# (at your option) any later version.
+#
+#
+
+require 'cgi'
+
+require File.dirname(__FILE__) + "/output_base"
+
+class Treemap::SvgOutput < Treemap::OutputBase
+
+    def initialize
+        super
+
+        yield self if block_given?
+    end
+
+    def node_label(node)
+        CGI.escapeHTML(node.label)
+    end
+
+    def draw_node_body(node)
+        draw_label(node)
+    end
+
+    def draw_label(node)
+        # center label in box
+        label = ""
+        label += "<text style=\"text-anchor: middle\" font-size=\"15\""
+        label += " x=\"" + (node.bounds.x1 + node.bounds.width / 2).to_s + "\""
+        label += " y=\"" + (node.bounds.y1 + node.bounds.height / 2).to_s + "\">"
+        label += node_label(node)
+        label += "</text>\n"
+        
+        label
+    end
+	
+    def node_color(node)
+        color = "#CCCCCC"
+
+        if(!node.color.nil?)
+            if(not Numeric === node.color)
+                color = node.color
+            else
+                color = "#" + @color.get_hex_color(node.color)
+            end
+        end
+
+        color
+    end
+
+    def to_png(node, filename="treemap.png")
+    	require 'RMagick'
+
+        svg = to_svg(node)
+        img = Magick::Image.from_blob(svg) { self.format = "SVG" }
+        img[0].write(filename)
+    end
+
+    def to_svg(node)
+        bounds = self.bounds
+
+        @layout.process(node, bounds)
+
+        draw_map(node)
+    end
+
+    def draw_map(node)
+        svg = "<svg"
+        svg += " xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\""
+        svg += " xmlns:ev=\"http://www.w3.org/2001/xml-events\"" 
+        svg += " width=\"" + (node.bounds.width).to_s + "\" height=\"" + (node.bounds.height).to_s + "\">"
+
+        svg += draw_node(node)
+        svg += "</svg>"
+        svg
+    end
+
+    def draw_node(node)
+        return "" if node.bounds.nil?
+
+        svg = ""
+        svg += "<rect"
+        svg += " id=\"rect-" + node.id.to_s + "\""
+        svg += " x=\"" + node.bounds.x1.to_s + "\""
+        svg += " y=\"" + node.bounds.y1.to_s + "\""
+        svg += " width=\"" + node.bounds.width.to_s + "\""
+        svg += " height=\"" + node.bounds.height.to_s + "\""
+        #svg += " style=\""
+        #svg += " fill: " + node_color(node) + ";"
+        #svg += " stroke: #000000;"
+        #svg += " stroke-width: 1px;"
+        svg += " fill=\"" + node_color(node) + "\""
+        svg += " stroke=\"#000000\""
+        svg += " stroke-width=\"1px\""
+        svg += " />\n"
+
+        svg += draw_node_body(node)
+		
+        if(!node.children.nil? and node.children.size > 0)
+            node.children.each do |c|
+                svg += draw_node(c)
+            end
+        end
+
+        svg
+    end
+end

data/test/color_test.html

@@ -0,0 +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

@@ -0,0 +1,14 @@
+<!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 {
+    border: 1px solid black;
+}
+.label {
+    color: #FFFFFF;
+    font-size: 11px;
+}
+.label-heading {
+    color: #FFFFFF;
+    font-size: 14pt;
+    font-weight: bold;
+    text-decoration: underline;
+}
+</style></head><body><div id="node-1" style="overflow: hidden; position: absolute; display: inline;left: 0px; top: 0px;width: 800px; height: 600px;background-color: #CCCCCC;" class="node treemap-root"><span class="label" style="font-size:77px">all</span><div id="node-10" 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;left: 0px; top: 0px; width: 100%; height: 100%; line-height: 100%; text-align: center;z-index: 100;font-size:64px;" class="label-heading">Child4</span><div id="node-12" 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-13" 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-16" 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-15" 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-14" 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-11" 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-2" 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;left: 0px; top: 0px; width: 100%; height: 100%; line-height: 100%; text-align: center;z-index: 100;font-size:26px;" class="label-heading">Child1</span></div><div id="node-4" 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;left: 0px; top: 0px; width: 100%; height: 100%; line-height: 100%; text-align: center;z-index: 100;font-size:24px;" class="label-heading">Child3</span><div id="node-8" 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-6" 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-5" 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-7" 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-9" 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-3" 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;left: 0px; top: 0px; width: 100%; height: 100%; line-height: 100%; text-align: center;z-index: 100;font-size:21px;" class="label-heading">Child2</span></div></div></body></html>

data/test/tc_color.rb

@@ -0,0 +1,17 @@
+
+require "test_base"
+
+class TestColor < Test::Unit::TestCase
+    def test_color
+        g = Treemap::GradientColor.new do |g|
+            g.min_color = "FC0404"
+            g.mean_color = "DBD9DC"
+            g.max_color = "0092C8"
+            g.increment = 0.5 
+        end
+
+        File.open(File.dirname(__FILE__) + '/color_test.html', "w") do |f|
+            f.puts g.to_html
+        end
+    end
+end

data/test/tc_html.rb

@@ -0,0 +1,22 @@
+
+require "test_base"
+
+class TestHTMLOutput < Test::Unit::TestCase
+    include TestTreemapBase
+
+    def setup
+        @root = setup_root
+    end
+
+    def test_html_output
+        output = Treemap::HtmlOutput.new do |o|
+            o.width = 800
+            o.height = 600
+            o.center_labels_at_depth = 1
+        end
+
+        File.open(File.dirname(__FILE__) + '/html_test.html', "w") do |f|
+            f.puts output.to_html(@root)
+        end
+    end
+end

data/test/tc_simple.rb

@@ -0,0 +1,30 @@
+
+require "test_base"
+
+class TestSimple < Test::Unit::TestCase
+    def setup 
+        @root = Treemap::Node.new
+        @root.new_child(:size => 6)
+        @root.new_child(:size => 6)
+        @root.new_child(:size => 4)
+        @root.new_child(:size => 3)
+        @root.new_child(:size => 2)
+        @root.new_child(:size => 2)
+        @root.new_child(:size => 1)
+    end
+
+    def test_simple
+        output = Treemap::ImageOutput.new do |o|
+            o.width = 600
+            o.height = 400
+            o.layout = Treemap::SquarifiedLayout.new
+        end
+
+        bounds = Treemap::Rectangle.new(0, 0, 600, 400)
+        output.layout.process(@root, bounds)
+
+        Treemap::dump_tree(@root)
+
+        output.to_png(@root, File.dirname(__FILE__) + '/simple_test.png')
+    end
+end

data/test/tc_slice.rb

@@ -0,0 +1,25 @@
+
+require "test_base"
+
+class TestSlice < Test::Unit::TestCase
+    include TestTreemapBase
+
+    def setup
+        @root = setup_root
+    end
+
+    def test_slice
+        output = Treemap::ImageOutput.new do |o|
+            o.width = 800
+            o.height = 600
+            o.layout = Treemap::SliceLayout.new
+        end
+
+        output.to_png(@root, File.dirname(__FILE__) + '/slice_test.png')
+
+        bounds = Treemap::Rectangle.new(0, 0, 800, 600)
+        output.layout.process(@root, bounds)
+
+        Treemap::dump_tree(@root)
+    end
+end

data/test/tc_squarified.rb

@@ -0,0 +1,25 @@
+
+require "test_base"
+
+class TestSquarified < Test::Unit::TestCase
+    include TestTreemapBase
+
+    def setup
+        @root = setup_root
+    end
+
+    def test_squarified
+        output = Treemap::ImageOutput.new do |o|
+            o.width = 800
+            o.height = 600
+            o.layout = Treemap::SquarifiedLayout.new
+        end
+
+        output.to_png(@root, File.dirname(__FILE__) + '/squarified_test.png')
+
+        bounds = Treemap::Rectangle.new(0, 0, 800, 600)
+        output.layout.process(@root, bounds)
+
+        Treemap::dump_tree(@root)
+    end
+end

data/test/tc_svg.rb

@@ -0,0 +1,21 @@
+
+require "test_base"
+
+class TestSvgOutput < Test::Unit::TestCase
+    include TestTreemapBase
+
+    def setup
+        @root = setup_root
+    end
+
+    def test_svg_output
+        output = Treemap::SvgOutput.new do |o|
+            o.width = 800
+            o.height = 600
+        end
+
+        File.open(File.dirname(__FILE__) + '/svg_test.svg', "w") do |f|
+            f.puts output.to_svg(@root)
+        end
+    end
+end

data/test/test_base.rb

@@ -0,0 +1,39 @@
+
+require "test/unit"
+require "treemap"
+begin
+    require "RMagick"
+    require "treemap/image_output" 
+    require "treemap/svg_output" 
+rescue LoadError
+end
+
+module TestTreemapBase
+    def setup_root
+        root = Treemap::Node.new(:size => 100, :label => "all")
+
+        root.new_child(:size => 12, :label => "Child1")
+        root.new_child(:size => 8, :label => "Child2")
+
+        child3 = Treemap::Node.new(:size => 10, :label => "Child3")
+        [2,2,2,3,1].each do |n|
+            child3.new_child(:size => n, :label => "Child3-"+n.to_s)
+        end
+        root.add_child(child3)
+
+        child4 = Treemap::Node.new(:size => 70, :label => "Child4")
+        [5, 40].each do |n|
+            child4.new_child(:size => n, :label => "Child4-"+n.to_s)
+        end
+
+        child5 = Treemap::Node.new(:size => 25, :label => "Child5")
+        [6,8,11].each do |n|
+            child5.new_child(:size => n, :label => "Child5-"+n.to_s)
+        end
+
+        child4.add_child(child5)
+        root.add_child(child4)
+
+        root
+    end
+end

metadata

@@ -0,0 +1,74 @@
+--- !ruby/object:Gem::Specification
+name: ruby-treemap-fork
+version: !ruby/object:Gem::Version
+  version: 0.0.4
+platform: ruby
+authors:
+- Andrew Bruno
+autorequire: treemap
+bindir: bin
+cert_chain: []
+date: 2013-07-26 00:00:00.000000000 Z
+dependencies: []
+description: Treemap visualization in ruby
+email: aeb@qnot.org
+executables: []
+extensions: []
+extra_rdoc_files:
+- README
+- EXAMPLES
+files:
+- Rakefile
+- TODO
+- EXAMPLES
+- README
+- ChangeLog
+- COPYING
+- lib/treemap/color_base.rb
+- lib/treemap/gradient_color.rb
+- lib/treemap/html_output.rb
+- lib/treemap/image_output.rb
+- lib/treemap/layout_base.rb
+- lib/treemap/node.rb
+- lib/treemap/output_base.rb
+- lib/treemap/rectangle.rb
+- lib/treemap/slice_layout.rb
+- lib/treemap/squarified_layout.rb
+- lib/treemap/svg_output.rb
+- lib/treemap.rb
+- test/color_test.html
+- test/html_test.html
+- test/tc_color.rb
+- test/tc_html.rb
+- test/tc_simple.rb
+- test/tc_slice.rb
+- test/tc_squarified.rb
+- test/tc_svg.rb
+- test/test_base.rb
+homepage: http://rubytreemap.rubyforge.org/
+licenses: []
+metadata: {}
+post_install_message: 
+rdoc_options:
+- --main
+- README
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements:
+- none
+rubyforge_project: 
+rubygems_version: 2.0.5
+signing_key: 
+specification_version: 4
+summary: Treemap visualization in ruby
+test_files: []