rubyvis 0.1.1 → 0.1.2

data/README.txt

@@ -25,15 +25,18 @@ User could use +pv+ freely, cause is defined as a global method which call Rubyv
 * data/Numbers.js
 * data/Scale.js
 * data/LinearScale.js
-* data/QuantitativeScale.js (only numbers)
+* data/QuantitativeScale.js
 * data/OrdinalScale.js (not tested)
 * mark/Mark.js
 * mark/Bar.js 
 * mark/Panel.js
 * mark/Label.js
+* mark/Line.js
 * mark/Rule.js
-* scene/SvgPanel.js
 * scene/SvgBar.js
+* scene/SvgLabel.js
+* scene/SvgLine.js
+* scene/SvgPanel.js
 * scene/SvgRule.js
 * scene/SvgScene.js
 * text/Format.js (incomplete)

data/examples/barley/barley.rb

@@ -0,0 +1,79 @@
+$:.unshift(File.dirname(__FILE__)+"/../../lib")
+require 'rubyvis'
+
+# Nest yields data by site then year. */
+
+barley = pv.nest(barley)
+    .key(lambda {|d| d.site})
+    .sort_keys(lambda {|a, b| site[b] - site[a]})
+    .key(lambda {|d| d.year})
+    .sort_values(function {|a, b| variety[b.variety] - variety[a.variety]})
+    .entries()
+
+# Sizing and scales. */
+w = 332
+h = 132
+x = pv.Scale.linear(10, 90).range(0, w)
+c = pv.Colors.category10()
+
+# The root panel. */
+var vis = new pv.Panel()
+    .width(w)
+    .height(h * pv.keys(site).length)
+    .top(15.5)
+    .left(0.5)
+    .right(.5)
+    .bottom(25);
+
+# A panel per site-year. */
+cell = vis.add(pv.Panel)
+    .data(barley)
+    .height(h)
+    .left(90)
+    .top(lambda { self.index * h})
+    .strokeStyle("#999");
+
+# Title bar. */
+cell.add(pv.Bar)
+    .height(14)
+    .fillStyle("bisque")
+  .anchor("center").add(pv.Label)
+  .text(lambda{|site| site.key});
+
+# A dot showing the yield. */
+var dot = cell.add(pv.Panel)
+.data(lambda {|site| site.values})
+    .top(23)
+  .add(pv.Dot)
+  .data(lambda {|year| year.values})
+  .left(lamdba {|d| x(d.yield)})
+    .top(lambda {self.index * 11})
+    .shapeSize(10)
+    .lineWidth(2)
+    .strokeStyle(lambda {|d| c(d.year)})
+
+# A label showing the variety. */
+dot.anchor("left").add(pv.Label)
+  .visible(lambda { !self.parent.index})
+  .left(-2)
+  .text(lambda {|d| d.variety})
+
+# X-ticks. */
+vis.add(pv.Rule)
+    .data(x.ticks())
+    .left(lambda {|d| 90 + x.scale(d)})
+    .bottom(-5)
+    .height(5)
+    .strokeStyle("#999")
+  .anchor("bottom").add(pv.Label);
+
+# A legend showing the year. */
+vis.add(pv.Dot)
+    .extend(dot)
+    .data([{:year=>1931}, {:year=>1932}])
+    .left(lambda {|d| 260 + self.index * 40})
+    .top(-8)
+  .anchor("right").add(pv.Label)
+  .text(lambda {|d| d.year})
+
+vis.render()

data/examples/crimea/crimea.rb

@@ -0,0 +1,37 @@
+$:.unshift(File.dirname(__FILE__)+"/../../lib")
+require 'rubyvis'
+require 'ostruct'
+
+$causes = ["wounds", "other", "disease"];
+
+$crimea = [
+  OpenStruct.new({ date: "4/1854", wounds: 0, other: 110, disease: 110 }),
+  OpenStruct.new({ date: "5/1854", wounds: 0, other: 95, disease: 105 }),
+  OpenStruct.new({ date: "6/1854", wounds: 0, other: 40, disease: 95 }),
+  OpenStruct.new({ date: "7/1854", wounds: 0, other: 140, disease: 520 }),
+  OpenStruct.new({ date: "8/1854", wounds: 20, other: 150, disease: 800 }),
+  OpenStruct.new({ date: "9/1854", wounds: 220, other: 230, disease: 740 }),
+  OpenStruct.new({ date: "10/1854", wounds: 305, other: 310, disease: 600 }),
+  OpenStruct.new({ date: "11/1854", wounds: 480, other: 290, disease: 820 }),
+  OpenStruct.new({ date: "12/1854", wounds: 295, other: 310, disease: 1100 }),
+  OpenStruct.new({ date: "1/1855", wounds: 230, other: 460, disease: 1440 }),
+  OpenStruct.new({ date: "2/1855", wounds: 180, other: 520, disease: 1270 }),
+  OpenStruct.new({ date: "3/1855", wounds: 155, other: 350, disease: 935 }),
+  OpenStruct.new({ date: "4/1855", wounds: 195, other: 195, disease: 560 }),
+  OpenStruct.new({ date: "5/1855", wounds: 180, other: 155, disease: 550 }),
+  OpenStruct.new({ date: "6/1855", wounds: 330, other: 130, disease: 650 }),
+  OpenStruct.new({ date: "7/1855", wounds: 260, other: 130, disease: 430 }),
+  OpenStruct.new({ date: "8/1855", wounds: 290, other: 110, disease: 490 }),
+  OpenStruct.new({ date: "9/1855", wounds: 355, other: 100, disease: 290 }),
+  OpenStruct.new({ date: "10/1855", wounds: 135, other: 95, disease: 245 }),
+  OpenStruct.new({ date: "11/1855", wounds: 100, other: 140, disease: 325 }),
+  OpenStruct.new({ date: "12/1855", wounds: 40, other: 120, disease: 215 }),
+  OpenStruct.new({ date: "1/1856", wounds: 0, other: 160, disease: 160 }),
+  OpenStruct.new({ date: "2/1856", wounds: 0, other: 100, disease: 100 }),
+  OpenStruct.new({ date: "3/1856", wounds: 0, other: 125, disease: 90 })
+];
+
+format= pv.Format::Date.new("%m/%Y");
+$crimea.each_with_index {|d,i|
+  d.date = format.parse(d.date)
+}

data/examples/crimea/crimea_line.rb

@@ -0,0 +1,47 @@
+$:.unshift(File.dirname(__FILE__)+"/../../lib")
+require 'rubyvis'
+require 'ostruct'
+load(File.dirname(__FILE__)+"/crimea.rb")
+
+
+w = 545
+h = 280
+#x = pv.Scale.linear($crimea, lambda {|d| d.date}).range(0, w)
+x=pv.Scale.linear(Time.utc(1854,4), Time.utc(1856,3)).range(0, w)
+y = pv.Scale.linear(0, 1500).range(0, h)
+fill = pv.colors("lightpink", "darkgray", "lightblue")
+format = pv.Format.date("%b")
+
+
+vis = pv.Panel.new()
+    .width(w)
+    .height(h)
+    .margin(19.5)
+    .right(40);
+vis.add(pv.Panel)
+    .data($causes)
+  .add(pv.Line)
+    .data($crimea)
+    .left(lambda {|d|  x.scale(d.date)})
+    .bottom(lambda {|d,t|   y.scale(d.send(t))})
+    .stroke_style(fill.by(pv.parent))
+    .line_width(3)
+
+vis.add(pv.Label)
+    .data(x.ticks())
+    .left(lambda {|d| x.scale(d)})
+    .bottom(0)
+    .text_baseline("top")
+    .text_margin(5)
+    .text(pv.Format.date("%b").format_lambda);
+
+vis.add(pv.Rule)
+    .data(y.ticks())
+    .bottom(lambda {|d| y.scale(d)})
+    .stroke_style(lambda {|i|  i!=0 ? pv.color("#ccc") : pv.color("black")})
+  .anchor("right").add(pv.Label)
+  .visible(lambda { (self.index & 1)==0})
+    .text_margin(6);
+    vis.render();
+
+puts vis.to_svg

data/examples/second.rb

@@ -1,12 +1,12 @@
 $:.unshift(File.dirname(__FILE__)+"/../lib")
 require 'rubyvis'
 
-vis = pv.Panel.new().width(150).height(150);
+vis = pv.Panel.new().width(150).height(200);
 
 vis.add(pv.Rule).data(pv.range(0, 2, 0.5)).bottom(lambda {|d| d * 80 + 0.5}).add(pv.Label).left(0)
 
 
-vis.add(pv.Bar).data([1, 1.2, 1.7, 1.5, 0.7]).width(20).height(lambda {|d|  d * 80}).bottom(0).left(lambda { self.index * 25 + 25}).add(pv.Label)
+vis.add(pv.Bar).data([1, 1.2, 1.7, 1.5, 0.7]).width(20).height(lambda {|d|  d * 80}).bottom(0).left(lambda { self.index * 25 + 25}).anchor('bottom').add(pv.Label)
 
 #puts vis.children_inspect
 #exit

data/examples/third.rb

@@ -0,0 +1,16 @@
+$:.unshift(File.dirname(__FILE__)+"/../lib")
+require 'rubyvis'
+
+vis = pv.Panel.new().width(300).height(150);
+
+vis.add(pv.Panel).data([1,2]).add(pv.Bar)
+    .data([3,4])
+    .width(20)
+    .height(lambda {|d|  d * 20})
+    .bottom(0)
+    .left(lambda {|d,t| t*60+self.index*20}).add(pv.Label).text(lambda {|d,t| "#{t}-#{d}"})
+    
+
+vis.render()
+#puts vis.children_inspect
+puts vis.to_svg

data/lib/rubyvis.rb

@@ -24,7 +24,8 @@ def pv
 end
 
 module Rubyvis
-  VERSION = '0.1.1'
+  @document=nil
+  VERSION = '0.1.2'
   Infinity=1.0 / 0 # You actually can do it! http://snipplr.com/view/2137/uses-for-infinity-in-ruby/
   # :section: basic methods
   def self.identity

data/lib/rubyvis/color/color.rb

@@ -6,16 +6,16 @@ module Rubyvis
       a = 1
       if ['hsla','rgba'].include? $1
         a = m2[3].to_f
-        return Color.transparent if (a==0) 
+        return Color.transparent if (a==0)
       end
-      
+
       if ['hsla','hsl'].include? $1
         h=m2[0].to_f
         s=m2[0].to_f.quo(100)
         l=m2[0].to_f.quo(100)
         return Color::Hsl.new(h,s,l,a).rgb()
       end
-      
+
       if ['rgba','rgb'].include? $1
         parse=lambda {|c|
           f=c.to_f
@@ -27,196 +27,197 @@ module Rubyvis
         return Rubyvis.rgb(r,g,b,a)
       end
     end
-    
-    named = Rubyvis::Color.names[format];
-    return named if (named) 
+
+    named = Rubyvis::Color.names[format.to_sym]
+
+
+    return pv.color(named) if (named)
 
     # Hexadecimal colors: #rgb and #rrggbb. */
-    if (format[0,1]== "#") 
-      if (format.size == 4) 
-          r = format[1,1]; r += r
-          f = format[2,1]; g +=g
-          b = format[3,1]; b +=b
-      elsif (format.size == 7) 
+    if (format[0,1]== "#")
+      if (format.size == 4)
+        r = format[1,1]; r += r
+        g = format[2,1]; g +=g
+        b = format[3,1]; b +=b
+      elsif (format.size == 7)
         r = format[1,2]
         g = format[3,2]
         b = format[5,2]
       end
       return Rubyvis.rgb(r.to_i(16), g.to_i(16), b.to_i(16), 1);
     end
-  
+
     # Otherwise, pass-through unsupported colors. */
     return Rubyvis::Color.new(format, 1);
   end
   def self.rgb(r,g,b,a=1)
-      Rubyvis::Color::Rgb.new(r,g,b,a)
+    Rubyvis::Color::Rgb.new(r,g,b,a)
   end
-    
+
   class Color
     attr_reader :color, :opacity
     def initialize(color,opacity)
       @color=color
       @opacity=opacity
     end
-    
-    
+
+
     def self.names
       {
-          :aliceblue=>"#f0f8ff",
-          :antiquewhite=>"#faebd7",
-          :aqua=>"#00ffff",
-          :aquamarine=>"#7fffd4",
-          :azure=>"#f0ffff",
-          :beige=>"#f5f5dc",
-          :bisque=>"#ffe4c4",
-          :black=>"#000000",
-          :blanchedalmond=>"#ffebcd",
-          :blue=>"#0000ff",
-          :blueviolet=>"#8a2be2",
-          :brown=>"#a52a2a",
-          :burlywood=>"#deb887",
-          :cadetblue=>"#5f9ea0",
-          :chartreuse=>"#7fff00",
-          :chocolate=>"#d2691e",
-          :coral=>"#ff7f50",
-          :cornflowerblue=>"#6495ed",
-          :cornsilk=>"#fff8dc",
-          :crimson=>"#dc143c",
-          :cyan=>"#00ffff",
-          :darkblue=>"#00008b",
-          :darkcyan=>"#008b8b",
-          :darkgoldenrod=>"#b8860b",
-          :darkgray=>"#a9a9a9",
-          :darkgreen=>"#006400",
-          :darkgrey=>"#a9a9a9",
-          :darkkhaki=>"#bdb76b",
-          :darkmagenta=>"#8b008b",
-          :darkolivegreen=>"#556b2f",
-          :darkorange=>"#ff8c00",
-          :darkorchid=>"#9932cc",
-          :darkred=>"#8b0000",
-          :darksalmon=>"#e9967a",
-          :darkseagreen=>"#8fbc8f",
-          :darkslateblue=>"#483d8b",
-          :darkslategray=>"#2f4f4f",
-          :darkslategrey=>"#2f4f4f",
-          :darkturquoise=>"#00ced1",
-          :darkviolet=>"#9400d3",
-          :deeppink=>"#ff1493",
-          :deepskyblue=>"#00bfff",
-          :dimgray=>"#696969",
-          :dimgrey=>"#696969",
-          :dodgerblue=>"#1e90ff",
-          :firebrick=>"#b22222",
-          :floralwhite=>"#fffaf0",
-          :forestgreen=>"#228b22",
-          :fuchsia=>"#ff00ff",
-          :gainsboro=>"#dcdcdc",
-          :ghostwhite=>"#f8f8ff",
-          :gold=>"#ffd700",
-          :goldenrod=>"#daa520",
-          :gray=>"#808080",
-          :green=>"#008000",
-          :greenyellow=>"#adff2f",
-          :grey=>"#808080",
-          :honeydew=>"#f0fff0",
-          :hotpink=>"#ff69b4",
-          :indianred=>"#cd5c5c",
-          :indigo=>"#4b0082",
-          :ivory=>"#fffff0",
-          :khaki=>"#f0e68c",
-          :lavender=>"#e6e6fa",
-          :lavenderblush=>"#fff0f5",
-          :lawngreen=>"#7cfc00",
-          :lemonchiffon=>"#fffacd",
-          :lightblue=>"#add8e6",
-          :lightcoral=>"#f08080",
-          :lightcyan=>"#e0ffff",
-          :lightgoldenrodyellow=>"#fafad2",
-          :lightgray=>"#d3d3d3",
-          :lightgreen=>"#90ee90",
-          :lightgrey=>"#d3d3d3",
-          :lightpink=>"#ffb6c1",
-          :lightsalmon=>"#ffa07a",
-          :lightseagreen=>"#20b2aa",
-          :lightskyblue=>"#87cefa",
-          :lightslategray=>"#778899",
-          :lightslategrey=>"#778899",
-          :lightsteelblue=>"#b0c4de",
-          :lightyellow=>"#ffffe0",
-          :lime=>"#00ff00",
-          :limegreen=>"#32cd32",
-          :linen=>"#faf0e6",
-          :magenta=>"#ff00ff",
-          :maroon=>"#800000",
-          :mediumaquamarine=>"#66cdaa",
-          :mediumblue=>"#0000cd",
-          :mediumorchid=>"#ba55d3",
-          :mediumpurple=>"#9370db",
-          :mediumseagreen=>"#3cb371",
-          :mediumslateblue=>"#7b68ee",
-          :mediumspringgreen=>"#00fa9a",
-          :mediumturquoise=>"#48d1cc",
-          :mediumvioletred=>"#c71585",
-          :midnightblue=>"#191970",
-          :mintcream=>"#f5fffa",
-          :mistyrose=>"#ffe4e1",
-          :moccasin=>"#ffe4b5",
-          :navajowhite=>"#ffdead",
-          :navy=>"#000080",
-          :oldlace=>"#fdf5e6",
-          :olive=>"#808000",
-          :olivedrab=>"#6b8e23",
-          :orange=>"#ffa500",
-          :orangered=>"#ff4500",
-          :orchid=>"#da70d6",
-          :palegoldenrod=>"#eee8aa",
-          :palegreen=>"#98fb98",
-          :paleturquoise=>"#afeeee",
-          :palevioletred=>"#db7093",
-          :papayawhip=>"#ffefd5",
-          :peachpuff=>"#ffdab9",
-          :peru=>"#cd853f",
-          :pink=>"#ffc0cb",
-          :plum=>"#dda0dd",
-          :powderblue=>"#b0e0e6",
-          :purple=>"#800080",
-          :red=>"#ff0000",
-          :rosybrown=>"#bc8f8f",
-          :royalblue=>"#4169e1",
-          :saddlebrown=>"#8b4513",
-          :salmon=>"#fa8072",
-          :sandybrown=>"#f4a460",
-          :seagreen=>"#2e8b57",
-          :seashell=>"#fff5ee",
-          :sienna=>"#a0522d",
-          :silver=>"#c0c0c0",
-          :skyblue=>"#87ceeb",
-          :slateblue=>"#6a5acd",
-          :slategray=>"#708090",
-          :slategrey=>"#708090",
-          :snow=>"#fffafa",
-          :springgreen=>"#00ff7f",
-          :steelblue=>"#4682b4",
-          :tan=>"#d2b48c",
-          :teal=>"#008080",
-          :thistle=>"#d8bfd8",
-          :tomato=>"#ff6347",
-          :turquoise=>"#40e0d0",
-          :violet=>"#ee82ee",
-          :wheat=>"#f5deb3",
-          :white=>"#ffffff",
-          :whitesmoke=>"#f5f5f5",
-          :yellow=>"#ffff00",
-          :yellowgreen=>"#9acd32",
-          :transparent=>Rubyvis.rgb(0, 0, 0, 0)
-      } 
+        :aliceblue=>"#f0f8ff",
+        :antiquewhite=>"#faebd7",
+        :aqua=>"#00ffff",
+        :aquamarine=>"#7fffd4",
+        :azure=>"#f0ffff",
+        :beige=>"#f5f5dc",
+        :bisque=>"#ffe4c4",
+        :black=>"#000000",
+        :blanchedalmond=>"#ffebcd",
+        :blue=>"#0000ff",
+        :blueviolet=>"#8a2be2",
+        :brown=>"#a52a2a",
+        :burlywood=>"#deb887",
+        :cadetblue=>"#5f9ea0",
+        :chartreuse=>"#7fff00",
+        :chocolate=>"#d2691e",
+        :coral=>"#ff7f50",
+        :cornflowerblue=>"#6495ed",
+        :cornsilk=>"#fff8dc",
+        :crimson=>"#dc143c",
+        :cyan=>"#00ffff",
+        :darkblue=>"#00008b",
+        :darkcyan=>"#008b8b",
+        :darkgoldenrod=>"#b8860b",
+        :darkgray=>"#a9a9a9",
+        :darkgreen=>"#006400",
+        :darkgrey=>"#a9a9a9",
+        :darkkhaki=>"#bdb76b",
+        :darkmagenta=>"#8b008b",
+        :darkolivegreen=>"#556b2f",
+        :darkorange=>"#ff8c00",
+        :darkorchid=>"#9932cc",
+        :darkred=>"#8b0000",
+        :darksalmon=>"#e9967a",
+        :darkseagreen=>"#8fbc8f",
+        :darkslateblue=>"#483d8b",
+        :darkslategray=>"#2f4f4f",
+        :darkslategrey=>"#2f4f4f",
+        :darkturquoise=>"#00ced1",
+        :darkviolet=>"#9400d3",
+        :deeppink=>"#ff1493",
+        :deepskyblue=>"#00bfff",
+        :dimgray=>"#696969",
+        :dimgrey=>"#696969",
+        :dodgerblue=>"#1e90ff",
+        :firebrick=>"#b22222",
+        :floralwhite=>"#fffaf0",
+        :forestgreen=>"#228b22",
+        :fuchsia=>"#ff00ff",
+        :gainsboro=>"#dcdcdc",
+        :ghostwhite=>"#f8f8ff",
+        :gold=>"#ffd700",
+        :goldenrod=>"#daa520",
+        :gray=>"#808080",
+        :green=>"#008000",
+        :greenyellow=>"#adff2f",
+        :grey=>"#808080",
+        :honeydew=>"#f0fff0",
+        :hotpink=>"#ff69b4",
+        :indianred=>"#cd5c5c",
+        :indigo=>"#4b0082",
+        :ivory=>"#fffff0",
+        :khaki=>"#f0e68c",
+        :lavender=>"#e6e6fa",
+        :lavenderblush=>"#fff0f5",
+        :lawngreen=>"#7cfc00",
+        :lemonchiffon=>"#fffacd",
+        :lightblue=>"#add8e6",
+        :lightcoral=>"#f08080",
+        :lightcyan=>"#e0ffff",
+        :lightgoldenrodyellow=>"#fafad2",
+        :lightgray=>"#d3d3d3",
+        :lightgreen=>"#90ee90",
+        :lightgrey=>"#d3d3d3",
+        :lightpink=>"#ffb6c1",
+        :lightsalmon=>"#ffa07a",
+        :lightseagreen=>"#20b2aa",
+        :lightskyblue=>"#87cefa",
+        :lightslategray=>"#778899",
+        :lightslategrey=>"#778899",
+        :lightsteelblue=>"#b0c4de",
+        :lightyellow=>"#ffffe0",
+        :lime=>"#00ff00",
+        :limegreen=>"#32cd32",
+        :linen=>"#faf0e6",
+        :magenta=>"#ff00ff",
+        :maroon=>"#800000",
+        :mediumaquamarine=>"#66cdaa",
+        :mediumblue=>"#0000cd",
+        :mediumorchid=>"#ba55d3",
+        :mediumpurple=>"#9370db",
+        :mediumseagreen=>"#3cb371",
+        :mediumslateblue=>"#7b68ee",
+        :mediumspringgreen=>"#00fa9a",
+        :mediumturquoise=>"#48d1cc",
+        :mediumvioletred=>"#c71585",
+        :midnightblue=>"#191970",
+        :mintcream=>"#f5fffa",
+        :mistyrose=>"#ffe4e1",
+        :moccasin=>"#ffe4b5",
+        :navajowhite=>"#ffdead",
+        :navy=>"#000080",
+        :oldlace=>"#fdf5e6",
+        :olive=>"#808000",
+        :olivedrab=>"#6b8e23",
+        :orange=>"#ffa500",
+        :orangered=>"#ff4500",
+        :orchid=>"#da70d6",
+        :palegoldenrod=>"#eee8aa",
+        :palegreen=>"#98fb98",
+        :paleturquoise=>"#afeeee",
+        :palevioletred=>"#db7093",
+        :papayawhip=>"#ffefd5",
+        :peachpuff=>"#ffdab9",
+        :peru=>"#cd853f",
+        :pink=>"#ffc0cb",
+        :plum=>"#dda0dd",
+        :powderblue=>"#b0e0e6",
+        :purple=>"#800080",
+        :red=>"#ff0000",
+        :rosybrown=>"#bc8f8f",
+        :royalblue=>"#4169e1",
+        :saddlebrown=>"#8b4513",
+        :salmon=>"#fa8072",
+        :sandybrown=>"#f4a460",
+        :seagreen=>"#2e8b57",
+        :seashell=>"#fff5ee",
+        :sienna=>"#a0522d",
+        :silver=>"#c0c0c0",
+        :skyblue=>"#87ceeb",
+        :slateblue=>"#6a5acd",
+        :slategray=>"#708090",
+        :slategrey=>"#708090",
+        :snow=>"#fffafa",
+        :springgreen=>"#00ff7f",
+        :steelblue=>"#4682b4",
+        :tan=>"#d2b48c",
+        :teal=>"#008080",
+        :thistle=>"#d8bfd8",
+        :tomato=>"#ff6347",
+        :turquoise=>"#40e0d0",
+        :violet=>"#ee82ee",
+        :wheat=>"#f5deb3",
+        :white=>"#ffffff",
+        :whitesmoke=>"#f5f5f5",
+        :yellow=>"#ffff00",
+        :yellowgreen=>"#9acd32",
+      }
     end
     def self.transparent
       Rubyvis.rgb(0,0,0,0)
     end
-    
-    
+
+
     class Rgb < Color
       def initialize(r,g,b,a)
         @r=r
@@ -238,4 +239,4 @@ module Rubyvis
       end
     end
   end
-end
+end