igs_bar_chart 0.0.0

data/lib/igs_bar_chart/bar_chart.rb

@@ -0,0 +1,85 @@
+class Igs::BarChart
+  attr_reader :title,:size,:target_element,:data
+  # data=[100,299,234,55]
+  def initialize(title,width,height,target_element='body',data)
+    @title = title
+    @width = width
+    @height = height
+    @data = data.values
+    @labels = data.keys
+    @target_element = target_element
+    @default_attribution=false
+  end
+
+  def script
+    return eval_erb('script.html')
+  end
+
+  def style
+    return eval_erb('style.css')
+  end
+
+  def labels
+    return eval_erb('labels.html')
+  end
+
+  def render
+    rendering = "<style>\n"
+    rendering+= self.style
+    rendering+= "</style>\n"
+    rendering+= self.script
+    #rendering+= self.labels
+    
+    return rendering
+  end
+
+  def to_s
+    render
+  end
+
+  def data=(data)
+    @data=data
+  end
+
+  def width=(width)
+    @width = width
+  end
+
+  def height=(height)
+    @height = height
+  end
+
+private
+  
+  def eval_erb(partial)
+    begin
+      default_attributions
+
+      path = File.expand_path("../../../templates/_#{partial}.erb", __FILE__)
+      output = ERB.new(File.read(path)).result(binding)
+    rescue Exception => e
+      STDERR.puts "Erro ao renderizar '#{partial}'! #{e}"
+      output = nil
+    end
+    return output
+  end
+
+  def default_attributions
+
+    if @default_attribution == true
+      return
+    end
+
+    @default_attribution=true
+    #Default value attribution
+    @width = 500 if @width == nil
+    @height = 100 if @height == nil
+    #@width = @height = @size if @size!=nil
+    
+    if @data==nil
+      @data=[1,1,1]
+    end
+
+  end
+
+end

data/lib/igs_bar_chart.rb

@@ -0,0 +1,34 @@
+#encoding: utf-8
+
+begin
+  mod = Required::Module::const_get "Igs"
+  #It exists
+rescue NameError
+  module Igs
+  end
+end
+
+begin
+  if Rails.version.split('.').first.to_i >= 3
+    require 'd3_rails'
+  else
+    STDERR.puts "IGS Pie Chart does not support Rails versions below 3.x"
+  end
+rescue NameError
+  #TODO: change this to use a logging api
+  puts "Not a Rails application, nothing to do here!"
+  puts " .  . "
+  puts " ____ \n\n"
+end
+
+require 'erb'
+require 'igs_bar_chart/bar_chart'
+
+unless "".respond_to? 'camelize'
+  class String
+    def camelize
+      return self if self !~ /_/ && self =~ /[A-Z]+.*/
+      split('_').map{|e| e.capitalize}.join
+    end
+  end
+end

data/templates/_labels.html.erb

@@ -0,0 +1,14 @@
+<ul class="labels">
+<% @labels.each_with_index do |l,i| %>
+<% l = l.gsub('_',' ') %>
+  <li>
+    <span id="<%=@target_element%>_color_<%=i%>">
+      &nbsp;<%= @data[i] %>&nbsp;
+    </span>
+    <%= l.to_s.capitalize %>
+    <script type="text/javascript">
+        document.getElementById('<%=@target_element%>_color_<%=i%>').setAttribute('style','background-color:'+color(<%=i%>)+';');
+    </script>
+  </li>
+<% end %>
+</ul>

data/templates/_script.html.erb

@@ -0,0 +1,59 @@
+<script type="text/javascript">
+  function colorfy (number) {
+    number=number*10
+    while(number>255){
+      number=number/1.1
+    }
+    number=parseInt(number);
+    return number;
+  }
+  //Width and height
+  var w = <%=@width%>;
+  var h = <%=@height%>;
+  var barPadding = 2;
+  
+  var dataset = <%=@data%>;
+  
+  //Create SVG element
+  var svg = d3.select("<%=@target_element%>")
+        .append("svg")
+        .attr("width", w)
+        .attr("height", h);
+
+  svg.selectAll("rect")
+     .data(dataset)
+     .enter()
+     .append("rect")
+     .attr("x", function(d, i) {
+        return i * (w / dataset.length);
+     })
+     .attr("y", function(d) {
+        return h - (d * 4);
+     })
+     .attr("width", w / dataset.length - barPadding)
+     .attr("height", function(d) {
+        return d * 4;
+     })
+     .attr("fill", function(d) {
+      return "rgb(0, 0, " + colorfy(d) + ")";
+     });
+
+  svg.selectAll("text")
+     .data(dataset)
+     .enter()
+     .append("text")
+     .text(function(d) {
+        return d;
+     })
+     .attr("text-anchor", "middle")
+     .attr("x", function(d, i) {
+        return i * (w / dataset.length) + (w / dataset.length - barPadding) / 2;
+     })
+     .attr("y", function(d) {
+        return h - (d * 4) + 14;
+     })
+     .attr("font-family", "sans-serif")
+     .attr("font-size", "11px")
+     .attr("fill", "white");
+
+</script>

data/templates/_style.css.erb

@@ -0,0 +1,23 @@
+.labels span {
+  width: 2em;
+  height: 2em;
+  border: 1px solid black;
+  margin-right: 0.5em;
+}
+.labels{
+  list-style-type: none;
+}
+.labels li{
+  margin-top: 0.2em;
+}
+text.pie-chart-text-label{
+  /*color:white;
+  #font-weight: bold;*/
+  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
+}
+
+.labels li span {
+  color:white;
+  font-weight: bold;
+  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
+}

data/test/test_igs_bar_chart.rb

@@ -0,0 +1,43 @@
+require 'test/unit'
+require 'igs_bar_chart'
+require 'erb'
+
+class IgsBarChartTest < Test::Unit::TestCase
+
+  include Igs
+
+  HTML_TEST_OUTPUT='test.output.html'
+  JS_TEST_OUTPUT='test.output.js'
+
+  def test_pie_chart_rendering
+    puts "Purging #{HTML_TEST_OUTPUT}..."+`rm #{HTML_TEST_OUTPUT}`
+    puts "Purging #{JS_TEST_OUTPUT}..."+`rm #{JS_TEST_OUTPUT}`
+    
+    #these two lines does the trick!
+    bar = BarChart.new('My colorful chart',500,600,'body',{'one'=>1.1,'two'=>2.2,'tree'=>3.3,'five'=>5.5,'eight'=>8.8,'thirteen'=>13.13,'twenty_one'=>21.21,'thirty_four'=>34.34,'fifty_five'=>55.55,'eighty_nine'=>89.89,'a_hundread_forty_four'=>144.144})
+    @render = bar.render
+
+    assert_not_equal nil, @render
+
+    File.open('test.output.js', 'w') do |f|  
+      f.write @render
+    end
+
+    path = File.expand_path("../../templates/test_bar_chart.html.erb", __FILE__)  
+    html_render = ERB.new(File.read(path)).result(binding)
+
+    File.open(HTML_TEST_OUTPUT, 'w') do |f|  
+      f.write html_render
+    end
+
+    begin
+      `open #{HTML_TEST_OUTPUT}`
+    rescue Exception => e
+      puts "Ouch! #{e}"
+    end
+
+    `google-chrome #{HTML_TEST_OUTPUT}`
+
+  end
+
+end

metadata

@@ -0,0 +1,75 @@
+--- !ruby/object:Gem::Specification
+name: igs_bar_chart
+version: !ruby/object:Gem::Version
+  version: 0.0.0
+  prerelease: 
+platform: ruby
+authors:
+- Lucas N. Martins
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2012-09-14 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: d3_rails
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '2.10'
+    - - <
+      - !ruby/object:Gem::Version
+        version: '3.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '2.10'
+    - - <
+      - !ruby/object:Gem::Version
+        version: '3.0'
+description: Bar Chart is a gem for creating bar charts (duh!). It uses D3 (Data Driven
+  Documents) to aggregate the data and render the SVG awesomeness.
+email: lucas.martins@innovit.com.br
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- lib/igs_bar_chart.rb
+- lib/igs_bar_chart/bar_chart.rb
+- templates/_labels.html.erb
+- templates/_script.html.erb
+- templates/_style.css.erb
+- test/test_igs_bar_chart.rb
+homepage: https://github.com/lucasmartins/igs_bar_chart
+licenses:
+- MIT
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: 1.9.1
+required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 1.8.23
+signing_key: 
+specification_version: 3
+summary: Bar Chart is a gem for creating bar charts (duh!).
+test_files:
+- test/test_igs_bar_chart.rb