rubyvis 0.3.3 → 0.3.4

data/examples/{grouped_charts.rb → 3_pv_conventional/grouped_charts.rb}

@@ -1,7 +1,7 @@
 # = Grouped charts
 # In this multi-series bar chart, we group bars together rather than stack them. A grouped chart allows accurate comparison of individual values thanks to an aligned baseline: a position, rather than length, judgment is used.
 # An ordinal scale positions the groups vertically; the bars are then replicated inside a panel, a technique that is also used for small multiples. 
-$:.unshift(File.dirname(__FILE__)+"/../lib")
+$:.unshift(File.dirname(__FILE__)+"/../../lib")
 require 'rubyvis'
 
 n = 3

data/examples/{line_and_step.rb → 3_pv_conventional/line_and_step.rb}

@@ -2,7 +2,7 @@
 # Line charts are often used to visualize time series data, encoding the value of a variable over time using position. Typically, linear interpolation is used between samples. However, in some cases, the data does not vary smoothly, but instead changes in response to discrete events.
 # Using the interpolate property, it is easy to change this behavior for lines and areas. Rubyvis also supports various nonlinear interpolation methods, including cardinal spline, Catmull-Rom spline, B-spline, and monotone cubic.
 
-$:.unshift(File.dirname(__FILE__)+"/../lib")
+$:.unshift(File.dirname(__FILE__)+"/../../lib")
 require 'rubyvis'
 
 data = pv.range(0, 10, 0.2).map {|x| 

data/examples/{pie_and_donut.rb → 3_pv_conventional/pie_and_donut.rb}

@@ -1,4 +1,4 @@
-$:.unshift(File.dirname(__FILE__)+"/../lib")
+$:.unshift(File.dirname(__FILE__)+"/../../lib")
 require 'rubyvis'
 
 # Sizing and scales. */

data/examples/{scatterplot.rb → 3_pv_conventional/scatterplot.rb}

@@ -1,6 +1,6 @@
 # = Scatterplot
 # Scatterplots can facilitate visual analysis along multiple dimensions, though care should be taken to avoid interference. In this example, we encode three dimensions: two are encoded using position, while the third is redundantly encoded as both area and color. 
-$:.unshift(File.dirname(__FILE__)+"/../lib")
+$:.unshift(File.dirname(__FILE__)+"/../../lib")
 require 'rubyvis'
 data = pv.range(100).map {|x| 
   OpenStruct.new({x: x, y: rand(), z: 10**(2*rand)})

data/examples/{stacked_charts.rb → 3_pv_conventional/stacked_charts.rb}

@@ -1,6 +1,6 @@
 # = Stacked Area
 # This example uses the Stack layout to stack areas one over another.
-$:.unshift(File.dirname(__FILE__)+"/../lib")
+$:.unshift(File.dirname(__FILE__)+"/../../lib")
 require 'rubyvis'
 
 data = pv.range(4).map {|i|
@@ -23,7 +23,6 @@ vis = pv.Panel.new()
     .left(20)
     .right(10)
     .top(5)
-    if(true)
 #/* X-axis and ticks. */
 vis.add(pv.Rule)
     .data(x.ticks())
@@ -40,7 +39,6 @@ vis.add(pv.Rule)
     .strokeStyle(lambda {|d|  d!=0 ? "rgba(128,128,128,.2)" : "#000"})
   .anchor("left").add(pv.Label)
   .text(y.tick_format)
-end
 #/* The stack layout. */
 vis.add(pv.Layout.Stack)
     .layers(data)

data/examples/{antibiotics → 4_pv_custom/antibiotics}/antibiotics_scatter.rb

@@ -1,7 +1,7 @@
 # = Antibiotic Effectiveness : Scatterplot
 # After World War II, antibiotics earned the moniker “wonder drugs” for quickly treating previously-incurable diseases. Data was gathered to determine which drug worked best for each bacterial infection. Comparing drug performance was an enormous aid for practitioners and scientists alike. In the fall of 1951, Will Burtin published this graph showing the effectiveness of three popular antibiotics on 16 different bacteria, measured in terms of minimum inhibitory concentration.
 # Recreating this display revealed some minor errors in the original: a missing grid line at 0.01 μg/ml, and an exaggeration of some values for penicillin. 
-$:.unshift(File.dirname(__FILE__)+"/../../lib")
+$:.unshift(File.dirname(__FILE__)+"/../../../lib")
 require 'rubyvis'
 load(File.dirname(__FILE__)+"/antibiotics_data.rb")
 

data/examples/{antibiotics → 4_pv_custom/antibiotics}/antibiotics_wedge.rb

@@ -1,7 +1,7 @@
 # = Antibiotic Effectiveness : Pie chart
 # After World War II, antibiotics earned the moniker “wonder drugs” for quickly treating previously-incurable diseases. Data was gathered to determine which drug worked best for each bacterial infection. Comparing drug performance was an enormous aid for practitioners and scientists alike. In the fall of 1951, Will Burtin published this graph showing the effectiveness of three popular antibiotics on 16 different bacteria, measured in terms of minimum inhibitory concentration.
 # Recreating this display revealed some minor errors in the original: a missing grid line at 0.01 μg/ml, and an exaggeration of some values for penicillin.
-$:.unshift(File.dirname(__FILE__)+"/../../lib")
+$:.unshift(File.dirname(__FILE__)+"/../../../lib")
 require 'rubyvis'
 load(File.dirname(__FILE__)+"/antibiotics_data.rb")
 

data/examples/{barley → 4_pv_custom/barley}/barley.rb

@@ -1,4 +1,8 @@
-$:.unshift(File.dirname(__FILE__)+"/../../lib")
+# = Becker’s Barley
+# The "Trellis display":http://www.jstor.org/stable/1390777 by Becker et al. helped establish small multiples as a “powerful mechanism for understanding interactions in studies of how a response depends on explanatory variables”. Here we reproduce a trellis of Barley yields from the 1930s, complete with main-effects ordering to facilitate comparison. These examples demonstrate Protovis’ support for data transformation via the nest operator.
+# Notice anything unusual about one of the sites? This anomaly led Becker et al. to suspect a major error with the data that went undetected for six decades. 
+
+$:.unshift(File.dirname(__FILE__)+"/../../../lib")
 require 'rubyvis'
 load(File.dirname(__FILE__)+"/barley_data.rb")
 # Nest yields data by site then year. */

data/examples/{cars → 4_pv_custom/cars}/cars.rb

@@ -2,7 +2,7 @@
 # Parallel coordinates is a popular method of visualizing high-dimensional data using dynamic queries. 
 # On static setting, you could choose an attribute and colour each datum which belongs to an attribute differently. On this example, we choose to color :cylinders attribute and highlight the cars with 8 cylinders
 
-$:.unshift(File.dirname(__FILE__)+"/../../lib")
+$:.unshift(File.dirname(__FILE__)+"/../../../lib")
 require 'rubyvis'
 load(File.dirname(__FILE__)+"/cars_data.rb")
 attr_to_color=:cylinders

data/examples/{crimea → 4_pv_custom/crimea}/crimea_grouped_bar.rb

@@ -1,6 +1,6 @@
 # = Crimeam War deaths (Grouped bar)
 # Florence Nightingale used a coxcomb diagram to emphasize the number of deaths due to “preventible or mitigable zymotic diseases”. This graph shows data using a stacked bar chart.
-$:.unshift(File.dirname(__FILE__)+"/../../lib")
+$:.unshift(File.dirname(__FILE__)+"/../../../lib")
 require 'rubyvis'
 require 'ostruct'
 load(File.dirname(__FILE__)+"/crimea_data.rb")

data/examples/{crimea → 4_pv_custom/crimea}/crimea_line.rb

@@ -1,7 +1,7 @@
 # = Crimeam War deaths (Grouped bar)
 # Florence Nightingale used a coxcomb diagram to emphasize the number of deaths due to “preventible or mitigable zymotic diseases”. This graph shows data using a line chart.
 
-$:.unshift(File.dirname(__FILE__)+"/../../lib")
+$:.unshift(File.dirname(__FILE__)+"/../../../lib")
 require 'rubyvis'
 require 'ostruct'
 load(File.dirname(__FILE__)+"/crimea_data.rb")

data/examples/{bubble_charts.rb → 5_pv_hierarchies/bubble_charts.rb}

@@ -1,5 +1,6 @@
+# = Bubble charts
 # Bubble charts, such as those provided by "Many Eyes":http://manyeyes.alphaworks.ibm.com/manyeyes/page/Bubble_Chart.html, encode data in the area of circles. Although less perceptually accurate than bar charts, they can pack hundreds of values into a small space. A similar technique is the Dorling cartogram, where circles are positioned according to geography rather than arbitrarily. Here we compare the file sizes of the Rubyvis library files
-$:.unshift(File.dirname(__FILE__)+"/../lib")
+$:.unshift(File.dirname(__FILE__)+"/../../lib")
 require 'rubyvis'
 
 
@@ -17,7 +18,7 @@ def get_files(path)
   h
 end
 
-files=get_files(File.dirname(__FILE__)+"/../lib")
+files=get_files(File.dirname(__FILE__)+"/../../lib")
 
 classes = Rubyvis.nodes(Rubyvis.flatten(files).leaf(lambda {|v| v.is_a? Numeric}).array)
 

data/examples/5_pv_hierarchies/bubble_charts_matrix.rb

@@ -0,0 +1,64 @@
+# = Bubble charts matrix
+# 
+# Why have one boring bubble chart when 
+# you can have 20 multicolor charts?
+$:.unshift(File.dirname(__FILE__)+"/../../lib")
+require 'rubyvis'
+
+panes=20
+cols=2
+
+
+p_w=200
+p_h=150
+#p data
+w = 20+p_w*cols
+h = (panes/cols)*10+p_h*(panes/cols)
+
+colors20=Rubyvis::Colors.category20()
+c20=Rubyvis::Colors.category20().by(lambda {|n| n.parent_node}) 
+vis = pv.Panel.new()
+  .width(w)
+  .height(h)
+  .bottom(5)
+  .left(5)
+  .right(5)
+  .top(5)
+
+
+
+(0..panes).each do |i|
+  n=i%cols
+  m=(i/cols.to_f).floor
+  panel=vis.add(Rubyvis::Panel).
+  left(n*(p_w+10)).
+  top(m*(p_h+10)).
+  width(p_w).
+  height(p_h)
+
+  d=Rubyvis.nodes((i+1).times.map {|ii| rand(5)+1})
+  
+  
+  panel.anchor('top').add(Rubyvis::Label).text("n#{i+1}") 
+  
+  pack=panel.add(pv.Layout.Pack).
+    nodes(d).
+    size(lambda {|n| n.node_value})
+  
+  pack.node.add(Rubyvis::Dot).
+    visible( lambda {|n| n.parent_node}).
+    fill_style(lambda {|n|
+      colors20.scale(n.parent_node).
+        lighter((n.node_value) / 5.0)
+    }).
+    stroke_style(c20)
+  
+  pack.node_label.add(Rubyvis::Label).
+    visible( lambda {|n| n.parent_node}).
+    text(lambda {index})
+  
+end
+
+vis.render();
+puts vis.to_svg
+

data/examples/{circle_packing.rb → 5_pv_hierarchies/circle_packing.rb}

@@ -4,7 +4,7 @@
 # This example uses RBP API.
 
 
-$:.unshift(File.dirname(__FILE__)+"/../lib")
+$:.unshift(File.dirname(__FILE__)+"/../../lib")
 require 'rubyvis'
 
 
@@ -22,7 +22,7 @@ def get_files(path)
   h
 end
 
-files=get_files(File.dirname(__FILE__)+"/../lib/")
+files=get_files(File.dirname(__FILE__)+"/../../lib/")
 
 format = Rubyvis::Format.number();
 
@@ -38,8 +38,8 @@ vis = Rubyvis::Panel.new do
         d.first_child ? "rgba(31, 119, 180, 0.25)" : "#ff7f0e"
       }
       title {|d| 
-        d.node_name.to_s + (d.first_child ? "" : ": " + format.format(d.node_value))}
-        
+        d.node_name.to_s + (d.first_child ? "" : ": " + format.format(d.node_value))
+      }
       line_width 1
     end
     node_label.label do

data/examples/{dendogram.rb → 5_pv_hierarchies/dendogram.rb}

@@ -1,7 +1,7 @@
 # = Dendogram
 # A dendrogram (or cluster layout) is a node-link diagram that places leaf nodes of the tree at the same depth. In this example, the classes (orange leaf nodes) are aligned on the right edge, with the packages (blue internal nodes) to the left. As with other tree layouts, dendrograms can also be oriented radially. 
 # Uses Protovis API
-$:.unshift(File.dirname(__FILE__)+"/../lib")
+$:.unshift(File.dirname(__FILE__)+"/../../lib")
 require 'rubyvis'
 
 
@@ -19,7 +19,7 @@ def get_files(path)
   h
 end
 
-files=get_files(File.dirname(__FILE__)+"/../")
+files=get_files(File.dirname(__FILE__)+"/../../")
 
 
 vis = Rubyvis::Panel.new do

data/examples/{icicle.rb → 5_pv_hierarchies/icicle.rb}

@@ -1,7 +1,7 @@
 # = Icicle
 # An icicle is simply a sunburst transformed from polar to cartesian coordinates. Here we show the various files on Rubyvis package; the color of each cell corresponds to the package, while the area encodes the size of the source code in bytes 
 # Uses Protovis API
-$:.unshift(File.dirname(__FILE__)+"/../lib")
+$:.unshift(File.dirname(__FILE__)+"/../../lib")
 require 'rubyvis'
 
 def get_files(path)
@@ -18,7 +18,7 @@ def get_files(path)
   h
 end
 
-files=get_files(File.dirname(__FILE__)+"/../")
+files=get_files(File.dirname(__FILE__)+"/../../")
 
 colors=Rubyvis::Colors.category19
 vis = Rubyvis::Panel.new.

data/examples/{indent.rb → 5_pv_hierarchies/indent.rb}

@@ -3,7 +3,7 @@
 # In addition, the indent layout allows rapid scanning of node labels, and multivariate data such as file size can be displayed adjacent to the hierarchy.
 #
 # Uses Protovis API
-$:.unshift(File.dirname(__FILE__)+"/../lib")
+$:.unshift(File.dirname(__FILE__)+"/../../lib")
 require 'rubyvis'
 
 
@@ -21,7 +21,7 @@ def get_files(path)
   h
 end
 
-files=get_files(File.dirname(__FILE__)+"/../")
+files=get_files(File.dirname(__FILE__)+"/../../")
 
 
 root = Rubyvis.dom(files)

data/examples/5_pv_hierarchies/node_link_tree.rb

@@ -0,0 +1,52 @@
+# = Node-Link Trees
+# The tree layout implements the Reingold-Tilford algorithm for efficient, tidy arrangement of layered nodes. This node-link diagram is similar to the dendrogram, except the depth of nodes is computed by distance from the root, leading to a ragged appearance. Cartesian orientations are also supported. 
+
+$:.unshift(File.dirname(__FILE__)+"/../../lib")
+require 'rubyvis'
+
+def get_files(path)
+  h={}
+  Dir.glob("#{path}/*").each {|e|
+    next if File.expand_path(e)=~/pkg|web|vendor|doc|~/
+    pa=File.expand_path(e) 
+    if File.stat(pa).directory?
+      h[File.basename(pa)]=get_files(pa)
+    else
+      h[File.basename(pa)]=File.stat(pa).size
+    end
+  }
+  h
+end
+
+
+
+files=get_files(File.dirname(__FILE__)+"/../../")
+#files={:b=>{:c=>1,:d=>2}}
+
+
+vis = Rubyvis::Panel.new()
+    .width(800)
+    .height(800)
+    .left(0)
+    .right(0)
+    .top(0)
+    .bottom(0)
+
+tree = vis.add(Rubyvis::Layout::Tree).
+  nodes(Rubyvis.dom(files).root("rubyvis").nodes()).
+  orient('radial').
+  depth(85).
+  breadth(12)
+
+tree.link.add(Rubyvis::Line)
+
+tree.node.add(Rubyvis::Dot).
+fill_style(lambda {|n| n.first_child ? "#aec7e8" : "#ff7f0e"}).
+title(lambda {|n| n.node_name})
+
+tree.node_label.add(Rubyvis::Label).
+visible(lambda {|n| n.first_child})
+
+
+vis.render
+puts vis.to_svg

data/examples/{sunburst.rb → 5_pv_hierarchies/sunburst.rb}

@@ -2,7 +2,7 @@
 # A sunburst is an adjacency diagram: a space-filling variant of the node-link diagram. Rather than drawing a link between parent and child in the hierarchy, nodes are drawn as solid areas (either wedges or bars), and their placement relative to adjacent nodes reveals their position in the hierarchy. Because the nodes are now space-filling, we can use an angle encoding for the size of software files. This reveals an additional dimension that would be difficult to show in a node-link diagram.
 # This example show files and directory inside rubyvis lib directory and uses RBP API
 
-$:.unshift(File.dirname(__FILE__)+"/../lib")
+$:.unshift(File.dirname(__FILE__)+"/../../lib")
 require 'rubyvis'
 
 def get_files(path)
@@ -19,7 +19,7 @@ def get_files(path)
   h
 end
 
-files=get_files(File.dirname(__FILE__)+"/../lib/rubyvis/")
+files=get_files(File.dirname(__FILE__)+"/../../lib/rubyvis/")
 
 #load(File.dirname(__FILE__)+"/treemap/treemap_data.rb")
 

data/examples/5_pv_hierarchies/treemap.rb

@@ -0,0 +1,48 @@
+# = Treemap
+# Introduced by Ben Shneiderman in 1991, a treemap recursively subdivides area into rectangles. As with adjacency diagrams, the size of any node in the tree is quickly revealed. This example uses color to encode different packages of the rubyvis package, and area to encode file size. “Squarified” treemaps use approximately square rectangles, which offer better readability and size estimation than naive “slice-and-dice” subdivision. 
+# Fancier algorithms such as "Voronoi":http://citeseerx.ist.psu.edu/viewdoc/download?doi=10.1.1.102.6281&rep=rep1&type=pdf and "jigsaw":http://www.research.ibm.com/visual/papers/158-wattenberg-final3.pdf treemaps also exist but are less common.
+
+$:.unshift(File.dirname(__FILE__)+"/../../lib")
+require 'rubyvis'
+
+def get_files(path)
+  h={}
+  Dir.glob("#{path}/*").each {|e|
+    next if File.expand_path(e)=~/pkg|web|vendor|doc|~/
+    pa=File.expand_path(e) 
+    if File.stat(pa).directory?
+      h[File.basename(pa)]=get_files(pa)
+    else
+      h[File.basename(pa)]=File.stat(pa).size
+    end
+  }
+  h
+end
+
+files=get_files(File.dirname(__FILE__)+"/../../")
+
+format=Rubyvis::Format.number
+color = pv.Colors.category20
+nodes = pv.dom(files).root("rubyvis").nodes
+
+
+vis = pv.Panel.new()
+    .width(600)
+    .height(1000)
+
+treemap = vis.add(Rubyvis::Layout::Treemap).
+  nodes(nodes).mode("squarify").round(true)
+
+treemap.leaf.add(Rubyvis::Panel).
+  fill_style(lambda{|d| 
+   color.scale(d.parent_node.node_name)}).
+  stroke_style("#fff").
+  line_width(1).
+  antialias(false).
+  title(lambda {|d| d.node_name+" "+format.format(d.node_value)})
+
+treemap.node_label.add(Rubyvis::Label).
+  text_style(lambda {|d| pv.rgb(0, 0, 0, 1)})
+
+vis.render
+puts vis.to_svg

data/lib/rubyvis.rb

@@ -30,7 +30,7 @@ require 'rubyvis/mark/shorcut_methods'
 module Rubyvis
   @document=nil
   # Rubyvis version
-  VERSION = '0.3.3' 
+  VERSION = '0.3.4' 
   # Protovis API on which current Rubyvis is based
   PROTOVIS_API_VERSION='3.3'
   # You actually can do it! http://snipplr.com/view/2137/uses-for-infinity-in-ruby/

data/lib/rubyvis/dom.rb

@@ -115,6 +115,12 @@ module Rubyvis
       attr_accessor :_p
       attr_accessor :n
 
+      ##
+      # Created for Tree
+      
+      attr_accessor :ancestor, :prelim, :mod, :change, :shift, :number, :thread
+      
+      
       # Constructs a DOM node for the specified value. Instances of this class are
       # not typically created directly; instead they are generated from a JavaScript 
       # map using the {@link pv.Dom} operator.
@@ -228,7 +234,16 @@ module Rubyvis
         block.call(n,i) if moment==:after
       end
       private :visit_visit
-      
+      # Yield block on each child
+      # Replaces the javascript formula
+      #   for (var c = o.first_child; c; c = c.nextSibling)
+      def each_child
+        c=@first_child
+        while c
+          yield c
+          c=c.next_sibling
+        end
+      end
       # Visits each node in the tree in preorder traversal, applying the specified
       # proc <i>block</i>. The arguments to the function are:<ol>
       #