rubyvis 0.1.2 → 0.1.3

data/examples/barley/barley_data.rb

@@ -0,0 +1,122 @@
+$barley = [
+  { yield: 27.00000, variety: "Manchuria", year: 1931, site: "University Farm" },
+  { yield: 48.86667, variety: "Manchuria", year: 1931, site: "Waseca" },
+  { yield: 27.43334, variety: "Manchuria", year: 1931, site: "Morris" },
+  { yield: 39.93333, variety: "Manchuria", year: 1931, site: "Crookston" },
+  { yield: 32.96667, variety: "Manchuria", year: 1931, site: "Grand Rapids" },
+  { yield: 28.96667, variety: "Manchuria", year: 1931, site: "Duluth" },
+  { yield: 43.06666, variety: "Glabron", year: 1931, site: "University Farm" },
+  { yield: 55.20000, variety: "Glabron", year: 1931, site: "Waseca" },
+  { yield: 28.76667, variety: "Glabron", year: 1931, site: "Morris" },
+  { yield: 38.13333, variety: "Glabron", year: 1931, site: "Crookston" },
+  { yield: 29.13333, variety: "Glabron", year: 1931, site: "Grand Rapids" },
+  { yield: 29.66667, variety: "Glabron", year: 1931, site: "Duluth" },
+  { yield: 35.13333, variety: "Svansota", year: 1931, site: "University Farm" },
+  { yield: 47.33333, variety: "Svansota", year: 1931, site: "Waseca" },
+  { yield: 25.76667, variety: "Svansota", year: 1931, site: "Morris" },
+  { yield: 40.46667, variety: "Svansota", year: 1931, site: "Crookston" },
+  { yield: 29.66667, variety: "Svansota", year: 1931, site: "Grand Rapids" },
+  { yield: 25.70000, variety: "Svansota", year: 1931, site: "Duluth" },
+  { yield: 39.90000, variety: "Velvet", year: 1931, site: "University Farm" },
+  { yield: 50.23333, variety: "Velvet", year: 1931, site: "Waseca" },
+  { yield: 26.13333, variety: "Velvet", year: 1931, site: "Morris" },
+  { yield: 41.33333, variety: "Velvet", year: 1931, site: "Crookston" },
+  { yield: 23.03333, variety: "Velvet", year: 1931, site: "Grand Rapids" },
+  { yield: 26.30000, variety: "Velvet", year: 1931, site: "Duluth" },
+  { yield: 36.56666, variety: "Trebi", year: 1931, site: "University Farm" },
+  { yield: 63.83330, variety: "Trebi", year: 1931, site: "Waseca" },
+  { yield: 43.76667, variety: "Trebi", year: 1931, site: "Morris" },
+  { yield: 46.93333, variety: "Trebi", year: 1931, site: "Crookston" },
+  { yield: 29.76667, variety: "Trebi", year: 1931, site: "Grand Rapids" },
+  { yield: 33.93333, variety: "Trebi", year: 1931, site: "Duluth" },
+  { yield: 43.26667, variety: "No. 457", year: 1931, site: "University Farm" },
+  { yield: 58.10000, variety: "No. 457", year: 1931, site: "Waseca" },
+  { yield: 28.70000, variety: "No. 457", year: 1931, site: "Morris" },
+  { yield: 45.66667, variety: "No. 457", year: 1931, site: "Crookston" },
+  { yield: 32.16667, variety: "No. 457", year: 1931, site: "Grand Rapids" },
+  { yield: 33.60000, variety: "No. 457", year: 1931, site: "Duluth" },
+  { yield: 36.60000, variety: "No. 462", year: 1931, site: "University Farm" },
+  { yield: 65.76670, variety: "No. 462", year: 1931, site: "Waseca" },
+  { yield: 30.36667, variety: "No. 462", year: 1931, site: "Morris" },
+  { yield: 48.56666, variety: "No. 462", year: 1931, site: "Crookston" },
+  { yield: 24.93334, variety: "No. 462", year: 1931, site: "Grand Rapids" },
+  { yield: 28.10000, variety: "No. 462", year: 1931, site: "Duluth" },
+  { yield: 32.76667, variety: "Peatland", year: 1931, site: "University Farm" },
+  { yield: 48.56666, variety: "Peatland", year: 1931, site: "Waseca" },
+  { yield: 29.86667, variety: "Peatland", year: 1931, site: "Morris" },
+  { yield: 41.60000, variety: "Peatland", year: 1931, site: "Crookston" },
+  { yield: 34.70000, variety: "Peatland", year: 1931, site: "Grand Rapids" },
+  { yield: 32.00000, variety: "Peatland", year: 1931, site: "Duluth" },
+  { yield: 24.66667, variety: "No. 475", year: 1931, site: "University Farm" },
+  { yield: 46.76667, variety: "No. 475", year: 1931, site: "Waseca" },
+  { yield: 22.60000, variety: "No. 475", year: 1931, site: "Morris" },
+  { yield: 44.10000, variety: "No. 475", year: 1931, site: "Crookston" },
+  { yield: 19.70000, variety: "No. 475", year: 1931, site: "Grand Rapids" },
+  { yield: 33.06666, variety: "No. 475", year: 1931, site: "Duluth" },
+  { yield: 39.30000, variety: "Wisconsin No. 38", year: 1931, site: "University Farm" },
+  { yield: 58.80000, variety: "Wisconsin No. 38", year: 1931, site: "Waseca" },
+  { yield: 29.46667, variety: "Wisconsin No. 38", year: 1931, site: "Morris" },
+  { yield: 49.86667, variety: "Wisconsin No. 38", year: 1931, site: "Crookston" },
+  { yield: 34.46667, variety: "Wisconsin No. 38", year: 1931, site: "Grand Rapids" },
+  { yield: 31.60000, variety: "Wisconsin No. 38", year: 1931, site: "Duluth" },
+  { yield: 26.90000, variety: "Manchuria", year: 1932, site: "University Farm" },
+  { yield: 33.46667, variety: "Manchuria", year: 1932, site: "Waseca" },
+  { yield: 34.36666, variety: "Manchuria", year: 1932, site: "Morris" },
+  { yield: 32.96667, variety: "Manchuria", year: 1932, site: "Crookston" },
+  { yield: 22.13333, variety: "Manchuria", year: 1932, site: "Grand Rapids" },
+  { yield: 22.56667, variety: "Manchuria", year: 1932, site: "Duluth" },
+  { yield: 36.80000, variety: "Glabron", year: 1932, site: "University Farm" },
+  { yield: 37.73333, variety: "Glabron", year: 1932, site: "Waseca" },
+  { yield: 35.13333, variety: "Glabron", year: 1932, site: "Morris" },
+  { yield: 26.16667, variety: "Glabron", year: 1932, site: "Crookston" },
+  { yield: 14.43333, variety: "Glabron", year: 1932, site: "Grand Rapids" },
+  { yield: 25.86667, variety: "Glabron", year: 1932, site: "Duluth" },
+  { yield: 27.43334, variety: "Svansota", year: 1932, site: "University Farm" },
+  { yield: 38.50000, variety: "Svansota", year: 1932, site: "Waseca" },
+  { yield: 35.03333, variety: "Svansota", year: 1932, site: "Morris" },
+  { yield: 20.63333, variety: "Svansota", year: 1932, site: "Crookston" },
+  { yield: 16.63333, variety: "Svansota", year: 1932, site: "Grand Rapids" },
+  { yield: 22.23333, variety: "Svansota", year: 1932, site: "Duluth" },
+  { yield: 26.80000, variety: "Velvet", year: 1932, site: "University Farm" },
+  { yield: 37.40000, variety: "Velvet", year: 1932, site: "Waseca" },
+  { yield: 38.83333, variety: "Velvet", year: 1932, site: "Morris" },
+  { yield: 32.06666, variety: "Velvet", year: 1932, site: "Crookston" },
+  { yield: 32.23333, variety: "Velvet", year: 1932, site: "Grand Rapids" },
+  { yield: 22.46667, variety: "Velvet", year: 1932, site: "Duluth" },
+  { yield: 29.06667, variety: "Trebi", year: 1932, site: "University Farm" },
+  { yield: 49.23330, variety: "Trebi", year: 1932, site: "Waseca" },
+  { yield: 46.63333, variety: "Trebi", year: 1932, site: "Morris" },
+  { yield: 41.83333, variety: "Trebi", year: 1932, site: "Crookston" },
+  { yield: 20.63333, variety: "Trebi", year: 1932, site: "Grand Rapids" },
+  { yield: 30.60000, variety: "Trebi", year: 1932, site: "Duluth" },
+  { yield: 26.43334, variety: "No. 457", year: 1932, site: "University Farm" },
+  { yield: 42.20000, variety: "No. 457", year: 1932, site: "Waseca" },
+  { yield: 43.53334, variety: "No. 457", year: 1932, site: "Morris" },
+  { yield: 34.33333, variety: "No. 457", year: 1932, site: "Crookston" },
+  { yield: 19.46667, variety: "No. 457", year: 1932, site: "Grand Rapids" },
+  { yield: 22.70000, variety: "No. 457", year: 1932, site: "Duluth" },
+  { yield: 25.56667, variety: "No. 462", year: 1932, site: "University Farm" },
+  { yield: 44.70000, variety: "No. 462", year: 1932, site: "Waseca" },
+  { yield: 47.00000, variety: "No. 462", year: 1932, site: "Morris" },
+  { yield: 30.53333, variety: "No. 462", year: 1932, site: "Crookston" },
+  { yield: 19.90000, variety: "No. 462", year: 1932, site: "Grand Rapids" },
+  { yield: 22.50000, variety: "No. 462", year: 1932, site: "Duluth" },
+  { yield: 28.06667, variety: "Peatland", year: 1932, site: "University Farm" },
+  { yield: 36.03333, variety: "Peatland", year: 1932, site: "Waseca" },
+  { yield: 43.20000, variety: "Peatland", year: 1932, site: "Morris" },
+  { yield: 25.23333, variety: "Peatland", year: 1932, site: "Crookston" },
+  { yield: 26.76667, variety: "Peatland", year: 1932, site: "Grand Rapids" },
+  { yield: 31.36667, variety: "Peatland", year: 1932, site: "Duluth" },
+  { yield: 30.00000, variety: "No. 475", year: 1932, site: "University Farm" },
+  { yield: 41.26667, variety: "No. 475", year: 1932, site: "Waseca" },
+  { yield: 44.23333, variety: "No. 475", year: 1932, site: "Morris" },
+  { yield: 32.13333, variety: "No. 475", year: 1932, site: "Crookston" },
+  { yield: 15.23333, variety: "No. 475", year: 1932, site: "Grand Rapids" },
+  { yield: 27.36667, variety: "No. 475", year: 1932, site: "Duluth" },
+  { yield: 38.00000, variety: "Wisconsin No. 38", year: 1932, site: "University Farm" },
+  { yield: 58.16667, variety: "Wisconsin No. 38", year: 1932, site: "Waseca" },
+  { yield: 47.16667, variety: "Wisconsin No. 38", year: 1932, site: "Morris" },
+  { yield: 35.90000, variety: "Wisconsin No. 38", year: 1932, site: "Crookston" },
+  { yield: 20.66667, variety: "Wisconsin No. 38", year: 1932, site: "Grand Rapids" },
+  { yield: 29.33333, variety: "Wisconsin No. 38", year: 1932, site: "Duluth" }
+];

data/examples/crimea/crimea_grouped_bar.rb

@@ -0,0 +1,59 @@
+$:.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.ordinal($crimea, lambda {|d| d.date}).split_banded(0,w,4/5.0)
+
+y = pv.Scale.linear(0, 1500).range(0, h)
+k=x.range_band / $causes.size
+fill = pv.colors("lightpink", "darkgray", "lightblue")
+
+format = pv.Format.date("%b")
+
+
+
+vis = pv.Panel.new()
+    .width(w)
+    .height(h)
+    .margin(19.5)
+    .right(40);
+    
+panel = vis.add(pv.Panel)
+    .data($crimea)
+    .left(lambda {|d| x.scale(d.date)})
+    .width(x.range_band);
+    
+panel.add(pv.Bar)
+    .data($causes)
+    .bottom(0)
+    .width(k)
+    .left(lambda { self.index * k})
+    .height(lambda {|t, d| y.scale(d.send(t))})
+    .fill_style(lambda {|f| a=fill.scale(self.index); return a})
+    .stroke_style(lambda {|d| fill_style ? fill_style.darker : pv.color('black')})
+    .line_width(1);
+
+panel.anchor("bottom").add(pv.Label)
+.visible(lambda { (self.index % 3)==0})
+.text_baseline("top")
+    .text_margin(10)
+    .text(lambda {|d| format.format(d.date)})
+    
+    
+vis.add(pv.Rule)
+    .data(y.ticks())
+    .bottom(lambda {|d| y.scale(d)})
+    .stroke_style(lambda {|i|  i!=0 ? pv.color("rgba(255, 255, 255, .5)") : 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/dot.rb

@@ -0,0 +1,19 @@
+$:.unshift(File.dirname(__FILE__)+"/../lib")
+require 'rubyvis'
+
+vis = pv.Panel.new().width(200).height(200);
+
+dot=vis.add(pv.Dot)
+    .data([1,2,3,4,5,6])
+    .bottom(lambda {|d| return d*30})
+    .left(lambda { return 20+self.index*20} )
+    .shape_radius(10)
+    dot.anchor('top').add(pv.Label).text('a')
+    dot.anchor('bottom').add(pv.Label).text('b')
+    dot.anchor('left').add(pv.Label).text('l')
+    dot.anchor('right').add(pv.Label).text('r')
+    
+
+vis.render()
+#puts vis.children_inspect
+puts vis.to_svg

data/examples/first.rb

@@ -6,12 +6,7 @@ vis.add(pv.Bar).data([1, 1.2, 1.7, 1.5, 0.7, 0.3]).
   width(20).
   height(lambda {|d| d * 80}).
   bottom(0).
-  left(lambda {self.index * 25})
+  left(lambda {index * 25})
 
-
-=begin
-Should generate this
-<svg height="150" width="150" stroke-width="1.5" stroke="none" fill="none" font-family="sans-serif" font-size="10px"><g><rect fill="rgb(31,119,180)" height="80" width="20" y="70"></rect><rect fill="rgb(31,119,180)" height="96" width="20" y="54" x="25"></rect><rect fill="rgb(31,119,180)" height="136" width="20" y="14" x="50"></rect><rect fill="rgb(31,119,180)" height="120" width="20" y="30" x="75"></rect><rect fill="rgb(31,119,180)" height="56" width="20" y="94" x="100"></rect><rect fill="rgb(31,119,180)" height="24" width="20" y="126" x="125"></rect></g></svg>
-=end
 vis.render()
 puts vis.to_svg

data/examples/line.rb

@@ -0,0 +1,84 @@
+$:.unshift(File.dirname(__FILE__)+"/../lib")
+require 'rubyvis'
+
+data = pv.range(0, 10, 1).map {|x| 
+  OpenStruct.new({:x=> x, :y=> Math.sin(x) + 2})
+}
+
+#p data
+w = 400
+h = 200
+x = pv.Scale.linear(data, lambda {|d| d.x}).range(0, w)
+
+
+y = pv.Scale.linear(data, lambda {|d| d.y}).range(0, h);
+
+#/* The root panel. */
+vis = pv.Panel.new()
+    .width(w)
+    .height(h)
+    .bottom(20)
+    .left(20)
+    .right(10)
+    .top(5)
+
+#/* The area with top line. */
+vis.add(pv.Line)
+    .data(data)
+    .line_width(5)
+    .left(lambda {|d| x.scale(d.x)})
+    .bottom(lambda {|d| y.scale(d.y)}).anchor("bottom").add(pv.Line)
+    .stroke_style('red').line_width(1)
+     
+
+vis.render();
+
+
+puts vis.to_svg
+
+=begin
+<svg font-size="10px" font-family="sans-serif" fill="none" stroke="none" stroke-width="1.5" width="430" height="225">
+<g transform="translate(20, 5)">
+<line shape-rendering="crispEdges" x1="0" y1="200" x2="400" y2="200" stroke="rgb(0,0,0)" stroke-width="1"/>
+<line shape-rendering="crispEdges" x1="0" y1="150" x2="400" y2="150" stroke="rgb(238,238,238)" stroke-width="1"/>
+<line shape-rendering="crispEdges" x1="0" y1="100" x2="400" y2="100" stroke="rgb(238,238,238)" stroke-width="1"/>
+<line shape-rendering="crispEdges" x1="0" y1="50" x2="400" y2="50" stroke="rgb(238,238,238)" stroke-width="1"/>
+<line shape-rendering="crispEdges" x1="0" y1="0" x2="400" y2="0" stroke="rgb(238,238,238)" stroke-width="1"/>
+</g>
+<g transform="translate(20, 5)">
+<text pointer-events="none" x="-3" dy="0.35em" transform="translate(0, 200)" fill="rgb(0,0,0)" text-anchor="end">0</text>
+<text pointer-events="none" x="-3" dy="0.35em" transform="translate(0, 150)" fill="rgb(0,0,0)" text-anchor="end">1</text>
+<text pointer-events="none" x="-3" dy="0.35em" transform="translate(0, 100)" fill="rgb(0,0,0)" text-anchor="end">2</text>
+<text pointer-events="none" x="-3" dy="0.35em" transform="translate(0, 50)" fill="rgb(0,0,0)" text-anchor="end">3</text>
+<text pointer-events="none" x="-3" dy="0.35em" fill="rgb(0,0,0)" text-anchor="end">4</text>
+</g>
+<g transform="translate(20, 5)">
+<line shape-rendering="crispEdges" x1="44.44444444444444" y1="200" x2="44.44444444444444" y2="205" stroke="rgb(0,0,0)" stroke-width="1"/>
+<line shape-rendering="crispEdges" x1="88.88888888888889" y1="200" x2="88.88888888888889" y2="205" stroke="rgb(0,0,0)" stroke-width="1"/>
+<line shape-rendering="crispEdges" x1="133.33333333333331" y1="200" x2="133.33333333333331" y2="205" stroke="rgb(0,0,0)" stroke-width="1"/>
+<line shape-rendering="crispEdges" x1="177.77777777777777" y1="200" x2="177.77777777777777" y2="205" stroke="rgb(0,0,0)" stroke-width="1"/>
+<line shape-rendering="crispEdges" x1="222.22222222222223" y1="200" x2="222.22222222222223" y2="205" stroke="rgb(0,0,0)" stroke-width="1"/>
+<line shape-rendering="crispEdges" x1="266.66666666666663" y1="200" x2="266.66666666666663" y2="205" stroke="rgb(0,0,0)" stroke-width="1"/>
+<line shape-rendering="crispEdges" x1="311.11111111111114" y1="200" x2="311.11111111111114" y2="205" stroke="rgb(0,0,0)" stroke-width="1"/>
+<line shape-rendering="crispEdges" x1="355.55555555555554" y1="200" x2="355.55555555555554" y2="205" stroke="rgb(0,0,0)" stroke-width="1"/>
+<line shape-rendering="crispEdges" x1="400" y1="200" x2="400" y2="205" stroke="rgb(0,0,0)" stroke-width="1"/>
+</g>
+<g transform="translate(20, 5)">
+<text pointer-events="none" y="3" dy="0.71em" transform="translate(44.4444, 205)" fill="rgb(0,0,0)" text-anchor="middle">1</text>
+<text pointer-events="none" y="3" dy="0.71em" transform="translate(88.8889, 205)" fill="rgb(0,0,0)" text-anchor="middle">2</text>
+<text pointer-events="none" y="3" dy="0.71em" transform="translate(133.333, 205)" fill="rgb(0,0,0)" text-anchor="middle">3</text>
+<text pointer-events="none" y="3" dy="0.71em" transform="translate(177.778, 205)" fill="rgb(0,0,0)" text-anchor="middle">4</text>
+<text pointer-events="none" y="3" dy="0.71em" transform="translate(222.222, 205)" fill="rgb(0,0,0)" text-anchor="middle">5</text>
+<text pointer-events="none" y="3" dy="0.71em" transform="translate(266.667, 205)" fill="rgb(0,0,0)" text-anchor="middle">6</text>
+<text pointer-events="none" y="3" dy="0.71em" transform="translate(311.111, 205)" fill="rgb(0,0,0)" text-anchor="middle">7</text>
+<text pointer-events="none" y="3" dy="0.71em" transform="translate(355.556, 205)" fill="rgb(0,0,0)" text-anchor="middle">8</text>
+<text pointer-events="none" y="3" dy="0.71em" transform="translate(400, 205)" fill="rgb(0,0,0)" text-anchor="middle">9</text>
+</g>
+<g transform="translate(20, 5)">
+<path d="M0,99L44.44444444444444,56.92645075960516L88.88888888888889,53.535128658715905L133.33333333333331,91.94399959700664L177.77777777777777,136.8401247653964L222.22222222222223,146.94621373315692L266.66666666666663,112.9707749099463L311.11111111111114,66.15067006406053L355.55555555555554,49.53208766883091L400,78.39407573791217L400,199L355.55555555555554,199L311.11111111111114,199L266.66666666666663,199L222.22222222222223,199L177.77777777777777,199L133.33333333333331,199L88.88888888888889,199L44.44444444444444,199L0,199Z" fill="rgb(121,173,210)"/>
+</g>
+<g transform="translate(20, 5)">
+<path d="M0,99L44.44444444444444,56.92645075960516L88.88888888888889,53.535128658715905L133.33333333333331,91.94399959700664L177.77777777777777,136.8401247653964L222.22222222222223,146.94621373315692L266.66666666666663,112.9707749099463L311.11111111111114,66.15067006406053L355.55555555555554,49.53208766883091L400,78.39407573791217" stroke="rgb(31,119,180)" stroke-width="3"/>
+</g>
+</svg>
+=end

data/examples/pie_and_donut.rb

@@ -0,0 +1,38 @@
+$:.unshift(File.dirname(__FILE__)+"/../lib")
+require 'rubyvis'
+
+# Sizing and scales. */
+
+data = pv.range(10).map {rand()}
+
+
+w = 400
+h = 400
+
+r = w / 2.0
+
+a = pv.Scale.linear(0, pv.sum(data)).range(0, 2 * Math::PI)
+
+#/* The root panel. */
+vis = pv.Panel.new()
+    .width(w)
+    .height(h);
+#/* The wedge, with centered label. */
+
+vis.add(pv.Wedge)
+    .data(data.sort(&pv.reverse_order))
+    .bottom(w / 2.0)
+    .left(w / 2.0)
+    .innerRadius(r - 40)
+    .outerRadius(r)
+    .angle(a)
+    .event("mouseover", lambda {self.inner_radius(0)})
+    .event("mouseout", lambda{ self.inner_radius(r - 40)})
+  .anchor("center").add(pv.Label)
+  .visible(lambda {|d|  d > 0.15})
+    .textAngle(0)
+    .text(lambda {|d| "%0.2f" %  d});
+
+vis.render();
+
+puts vis.to_svg

data/examples/scatterplot.rb

@@ -0,0 +1,55 @@
+$:.unshift(File.dirname(__FILE__)+"/../lib")
+require 'rubyvis'
+data = pv.range(100).map {|x| 
+  OpenStruct.new({x: x, y: rand(), z: 10**(2*rand)})
+}
+
+
+w = 400
+h = 400
+
+x = pv.Scale.linear(0, 99).range(0, w)
+y = pv.Scale.linear(0, 1).range(0, h)
+
+c = pv.Scale.log(1, 100).range("orange", "brown")
+
+# The root panel.
+vis = pv.Panel.new()
+    .width(w)
+    .height(h)
+    .bottom(20)
+    .left(20)
+    .right(10)
+    .top(5);
+
+# Y-axis and ticks. 
+vis.add(pv.Rule)
+    .data(y.ticks())
+    .bottom(y)
+    .strokeStyle(lambda {|d| d!=0 ? "#eee" : "#000"})
+  .anchor("left").add(pv.Label)
+  .visible(lambda {|d|  d > 0 and d < 1})
+  .text(y.tick_format)
+
+# X-axis and ticks. 
+vis.add(pv.Rule)
+    .data(x.ticks())
+    .left(x)
+    .stroke_style(lambda {|d| d!=0 ? "#eee" : "#000"})
+  .anchor("bottom").add(pv.Label)
+  .visible(lambda {|d|  d > 0 and d < 100})
+  .text(x.tick_format);
+
+#/* The dot plot! */
+vis.add(pv.Panel)
+    .data(data)
+  .add(pv.Dot)
+  .left(lambda {|d| x.scale(d.x)})
+  .bottom(lambda {|d| y.scale(d.y)})
+  .stroke_style(lambda {|d| c.scale(d.z)})
+  .fill_style(lambda {|d| c.scale(d.z).alpha(0.2)})
+  .shape_size(lambda {|d| d.z})
+  .title(lambda {|d| d.z})
+
+vis.render()
+puts vis.to_svg

data/examples/second.rb

@@ -1,17 +1,16 @@
 $:.unshift(File.dirname(__FILE__)+"/../lib")
 require 'rubyvis'
 
-vis = pv.Panel.new().width(150).height(200);
+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}).anchor('bottom').add(pv.Label)
 
-#puts vis.children_inspect
-#exit
 
 vis.render();
 puts vis.to_svg
 
-# <svg height="150" width="150" stroke-width="1.5" stroke="none" fill="none" font-family="sans-serif" font-size="10px"><g><line stroke-width="1" stroke="rgb(0,0,0)" y2="149.5" x2="150" y1="149.5" x1="0" shape-rendering="crispEdges"></line><line stroke-width="1" stroke="rgb(0,0,0)" y2="109.5" x2="150" y1="109.5" x1="0" shape-rendering="crispEdges"></line><line stroke-width="1" stroke="rgb(0,0,0)" y2="69.5" x2="150" y1="69.5" x1="0" shape-rendering="crispEdges"></line><line stroke-width="1" stroke="rgb(0,0,0)" y2="29.5" x2="150" y1="29.5" x1="0" shape-rendering="crispEdges"></line></g><g><text fill="rgb(0,0,0)" transform="translate(75, 149.5)" y="-3" x="3" pointer-events="none">0</text><text fill="rgb(0,0,0)" transform="translate(75, 109.5)" y="-3" x="3" pointer-events="none">0.5</text><text fill="rgb(0,0,0)" transform="translate(75, 69.5)" y="-3" x="3" pointer-events="none">1</text><text fill="rgb(0,0,0)" transform="translate(75, 29.5)" y="-3" x="3" pointer-events="none">1.5</text></g><g><rect fill="rgb(31,119,180)" height="80" width="20" y="70" x="25"></rect><rect fill="rgb(31,119,180)" height="96" width="20" y="54" x="50"></rect><rect fill="rgb(31,119,180)" height="136" width="20" y="14" x="75"></rect><rect fill="rgb(31,119,180)" height="120" width="20" y="30" x="100"></rect><rect fill="rgb(31,119,180)" height="56" width="20" y="94" x="125"></rect></g><g><text text-anchor="middle" fill="rgb(0,0,0)" transform="translate(35, 150)" y="-3" pointer-events="none">1</text><text text-anchor="middle" fill="rgb(0,0,0)" transform="translate(60, 150)" y="-3" pointer-events="none">1.2</text><text text-anchor="middle" fill="rgb(0,0,0)" transform="translate(85, 150)" y="-3" pointer-events="none">1.7</text><text text-anchor="middle" fill="rgb(0,0,0)" transform="translate(110, 150)" y="-3" pointer-events="none">1.5</text><text text-anchor="middle" fill="rgb(0,0,0)" transform="translate(135, 150)" y="-3" pointer-events="none">0.7</text></g></svg>

data/examples/third.rb

@@ -8,7 +8,7 @@ vis.add(pv.Panel).data([1,2]).add(pv.Bar)
     .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}"})
+    .left(lambda {|d,t| t*60+self.index*30}).add(pv.Label).text(lambda {|d,t| "#{t}-#{d}"})
     
 
 vis.render()

data/lib/rubyvis.rb

@@ -7,6 +7,7 @@ require 'pp'
 require 'rubyvis/internals'
 require 'rubyvis/sceneelement'
 require 'rubyvis/property'
+require 'rubyvis/nest'
 
 require 'rubyvis/javascript_behaviour'
 require 'rubyvis/format'
@@ -25,7 +26,8 @@ end
 
 module Rubyvis
   @document=nil
-  VERSION = '0.1.2'
+  VERSION = '0.1.3'
+  API_VERSION='3.3'
   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