rubyvis 0.1.0

data/History.txt

@@ -0,0 +1,3 @@
+=== 0.1.0 / 2010-09-30
+
+* First (barely) operational version. See examples/first.rb and examples/second.rb 

data/Manifest.txt

@@ -0,0 +1,44 @@
+History.txt
+Manifest.txt
+README.txt
+Rakefile
+examples/crimea-line.rb
+examples/first.rb
+examples/second.rb
+lib/rubyvis.rb
+lib/rubyvis/color/color.rb
+lib/rubyvis/color/colors.rb
+lib/rubyvis/color/ramp.rb
+lib/rubyvis/format.rb
+lib/rubyvis/format/date.rb
+lib/rubyvis/format/number.rb
+lib/rubyvis/internals.rb
+lib/rubyvis/javascript_behaviour.rb
+lib/rubyvis/label.rb
+lib/rubyvis/mark.rb
+lib/rubyvis/mark/anchor.rb
+lib/rubyvis/mark/area.rb
+lib/rubyvis/mark/bar.rb
+lib/rubyvis/mark/label.rb
+lib/rubyvis/mark/line.rb
+lib/rubyvis/mark/panel.rb
+lib/rubyvis/mark/rule.rb
+lib/rubyvis/scale.rb
+lib/rubyvis/scale/linear.rb
+lib/rubyvis/scale/ordinal.rb
+lib/rubyvis/scale/quantitative.rb
+lib/rubyvis/scene/svg_bar.rb
+lib/rubyvis/scene/svg_label.rb
+lib/rubyvis/scene/svg_panel.rb
+lib/rubyvis/scene/svg_rule.rb
+lib/rubyvis/scene/svg_scene.rb
+lib/rubyvis/sceneelement.rb
+lib/rubyvis/transform.rb
+spec/internal_spec.rb
+spec/javascript_behaviour_spec.rb
+spec/panel_spec.rb
+spec/scale_linear_spec.rb
+spec/scale_spec.rb
+spec/spec.opts
+spec/spec_helper.rb
+vendor/protovis

data/README.txt

@@ -0,0 +1,64 @@
+= protoruby
+
+* http://github.com/clbustos/rubyvis
+
+== DESCRIPTION:
+
+Ruby version of Protovis, a great visualization toolkit
+
+== FEATURES/PROBLEMS:
+
+NOTE: Barely operational version. Just have bars, panels and scene.
+
+I try to maintain, when posible, complete compatibility with Javascript API. Johnson [http://github.com/jbarnette/johnson] - the lovely Javascript wrapper inside Ruby embrace - is out friend. 
+ 
+Until version 0.1.0, lambdas should always should created explicitly for method you may be temted to call it with a block.
+On a second stage, traditional block calling could be using maintaining backwards compatibily with Javascript API,
+User could use +pv+ freely, cause is defined as a global method which call Rubyvis.
+
+== CURRENT PROGRESS
+
+* pv.js
+* pv-internals.js
+* color/Color.js (incomplete)
+* color/Colors.js
+* data/Arrays.js
+* data/Numbers.js
+* data/Scale.js
+* data/LinearScale.js
+* data/QuantitativeScale.js (only numbers)
+* data/OrdinalScale.js (not tested)
+* mark/Mark.js
+* mark/Bar.js 
+* mark/Panel.js
+* scene/SvgPanel.js
+* scene/SvgBar.js
+* scene/SvgScene.js
+* text/Format.js (incomplete)
+* text/NumberFormat.js (incomplete)
+
+== SYNOPSIS:
+
+    require 'rubyvis'
+    
+    vis = Rubyvis::Panel.new.width(150).height(150);
+    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});
+    vis.render()
+    # All elements are rendered inside tag 'canvas', inside the panel
+    puts vis.canvas.elements[1]
+
+== REQUIREMENTS:
+
+Ruby 1.9.1
+
+== INSTALL:
+
+Copy from github and create the gem for yourself (sorry)
+
+== LICENSE:
+
+GPL-2

data/Rakefile

@@ -0,0 +1,16 @@
+# -*- ruby -*-
+$:.unshift(File.dirname(__FILE__)+"/lib")
+require 'rubygems'
+require 'hoe'
+require 'rubyvis'
+
+Hoe.plugin :git
+Hoe.spec 'rubyvis' do
+  self.testlib=:rspec
+  self.test_globs="spec/*_spec.rb"
+#  self.rubyforge_name = 'rubyvis'
+  self.developer('Claudio Bustos', 'clbustos_at_gmail.com')
+  self.version=Rubyvis::VERSION
+end
+
+# vim: syntax=ruby

data/examples/crimea-line.rb

@@ -0,0 +1,64 @@
+$:.unshift(File.dirname(__FILE__)+"/../lib")
+require 'rubyvis'
+causes = ["wounds", "other", "disease"];
+
+crimea = [
+  { date: "4/1854", wounds: 0, other: 110, disease: 110 },
+  { date: "5/1854", wounds: 0, other: 95, disease: 105 },
+  { date: "6/1854", wounds: 0, other: 40, disease: 95 },
+  { date: "7/1854", wounds: 0, other: 140, disease: 520 },
+  { date: "8/1854", wounds: 20, other: 150, disease: 800 },
+  { date: "9/1854", wounds: 220, other: 230, disease: 740 },
+  { date: "10/1854", wounds: 305, other: 310, disease: 600 },
+  { date: "11/1854", wounds: 480, other: 290, disease: 820 },
+  { date: "12/1854", wounds: 295, other: 310, disease: 1100 },
+  { date: "1/1855", wounds: 230, other: 460, disease: 1440 },
+  { date: "2/1855", wounds: 180, other: 520, disease: 1270 },
+  { date: "3/1855", wounds: 155, other: 350, disease: 935 },
+  { date: "4/1855", wounds: 195, other: 195, disease: 560 },
+  { date: "5/1855", wounds: 180, other: 155, disease: 550 },
+  { date: "6/1855", wounds: 330, other: 130, disease: 650 },
+  { date: "7/1855", wounds: 260, other: 130, disease: 430 },
+  { date: "8/1855", wounds: 290, other: 110, disease: 490 },
+  { date: "9/1855", wounds: 355, other: 100, disease: 290 },
+  { date: "10/1855", wounds: 135, other: 95, disease: 245 },
+  { date: "11/1855", wounds: 100, other: 140, disease: 325 },
+  { date: "12/1855", wounds: 40, other: 120, disease: 215 },
+  { date: "1/1856", wounds: 0, other: 160, disease: 160 },
+  { date: "2/1856", wounds: 0, other: 100, disease: 100 },
+  { date: "3/1856", wounds: 0, other: 125, disease: 90 }
+];
+format = pv.Format.date("%m/%y");
+crimea=crimea.map {|d| d[:date] = format.parse(d[:date]); d}
+
+
+
+
+w = 545
+h = 280
+x = pv.Scale.linear(crimea, lambda {|d|  d[:date]}).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[t])})
+    .strokeStyle(fill.by(pv.parent))
+    .lineWidth(3);
+
+vis.add(pv.Label).data(x.ticks()).left(x).bottom(0).text_baseline("top").text_margin(5).text(pv.Format.date("%b"));
+
+vis.add(pv.Rule).data(y.ticks()).bottom(y).stroke_style(lambda {|i| i ? "#ccc" : "black"}).anchor("right").add(pv.Label).visible(lambda {!(self.index & 1)}).textMargin(6);
+
+vis.render()

data/examples/first.rb

@@ -0,0 +1,17 @@
+$:.unshift(File.dirname(__FILE__)+"/../lib")
+require 'rubyvis'
+vis = Rubyvis::Panel.new.width(150).height(150);
+
+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});
+
+
+=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.canvas.elements[1]

data/examples/second.rb

@@ -0,0 +1,14 @@
+$:.unshift(File.dirname(__FILE__)+"/../lib")
+require 'rubyvis'
+
+vis = pv.Panel.new().width(150).height(150);
+
+vis.add(pv.Rule).data(pv.range(0, 2, 0.5)).bottom(lambda {|d| d * 80 + 0.5}).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)
+
+vis.render();
+puts vis.canvas
+
+# <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/lib/rubyvis.rb

@@ -0,0 +1,43 @@
+require 'date'
+require 'ostruct'
+require 'rexml/document'
+require 'pp'
+require 'rubyvis/internals'
+require 'rubyvis/sceneelement'
+
+require 'rubyvis/javascript_behaviour'
+require 'rubyvis/format'
+require 'rubyvis/label'
+require 'rubyvis/mark'
+require 'rubyvis/scale'
+require 'rubyvis/color/color'
+require 'rubyvis/color/colors'
+
+require 'rubyvis/scene/svg_scene'
+require 'rubyvis/transform'
+
+def pv
+  Rubyvis
+end
+
+module Rubyvis
+  VERSION = '0.1.0'
+  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
+    lambda {|x,*args| x}
+  end
+  def self.index
+    lambda {|*args| self.index}
+  end
+  def self.child
+    lambda {|*args| self.child_index}
+  end
+  def self.parent
+    lambda {|*args| self.parent.index}
+  end
+  def self.document
+    @document||=REXML::Document.new
+  end
+    
+end

data/lib/rubyvis/color/color.rb

@@ -0,0 +1,241 @@
+module Rubyvis
+  def self.color(format)
+    return format.rgb if format.respond_to? :rgb
+    if (format =~/([a-z]+)\((.*)\)/)
+      m2 = $2.split(",")
+      a = 1
+      if ['hsla','rgba'].include? $1
+        a = m2[3].to_f
+        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
+          return (c[c.size-1]=='%') ? (f*2.55).round : f
+        }
+        r=parse.call(m2[0])
+        g=parse.call(m2[1])
+        b=parse.call(m2[2])
+        return Rubyvis.rgb(r,g,b,a)
+      end
+    end
+    
+    named = Rubyvis::Color.names[format];
+    return 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) 
+        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)
+  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)
+      } 
+    end
+    def self.transparent
+      Rubyvis.rgb(0,0,0,0)
+    end
+    
+    
+    class Rgb < Color
+      def initialize(r,g,b,a)
+        @r=r
+        @b=b
+        @g=g
+        @a=a
+        @opacity=a
+        if @a>0
+          @color="rgb(#{r},#{g},#{b})"
+        else
+          @color="none"
+        end
+      end
+      def rgb
+        self
+      end
+      def to_s
+        @color
+      end
+    end
+  end
+end