In [1]:

require 'daru/view'

Out[1]:

true

In [2]:

Daru::View.plotting_library = :googlecharts

Out[2]:

:googlecharts

In [3]:

line1 = Daru::View::Plot.new([])

Out[3]:

#<Daru::View::Plot:0x000055909e2e4378 @data=[], @options={}, @user_options={}, @adapter=Daru::View::Adapter::GooglechartsAdapter, @chart=#<GoogleVisualr::Interactive::LineChart:0x000055909e2cb198 @data_table=#<GoogleVisualr::DataTable:0x000055909e2cbbc0 @cols=[], @rows=[], @listeners=[], @options={}>, @listeners=[], @version="1.0", @language=nil, @material=false, @options={}, @user_options={}, @data=[]>>

In [4]:

line1.class

Out[4]:

Daru::View::Plot

In [5]:

line1.show_in_iruby

Out[5]:

In [6]:

time_popularity = [
        [0, 0],   [1, 10],  [2, 23],  [3, 17],  [4, 18],  [5, 9],
        [6, 11],  [7, 27],  [8, 33],  [9, 40],  [10, 32], [11, 35],
        [12, 30], [13, 40], [14, 42], [15, 47], [16, 44], [17, 48],
        [18, 52], [19, 54], [20, 42], [21, 55], [22, 56], [23, 57],
        [24, 60], [25, 50], [26, 52], [27, 51], [28, 49], [29, 53],
        [30, 55], [31, 60], [32, 61], [33, 59], [34, 62], [35, 65],
        [36, 62], [37, 58], [38, 55], [39, 61], [40, 64], [41, 65],
        [42, 63], [43, 66], [44, 67], [45, 69], [46, 69], [47, 70],
        [48, 72], [49, 68], [50, 66], [51, 65], [52, 67], [53, 70],
        [54, 71], [55, 72], [56, 73], [57, 75], [58, 70], [59, 68],
        [60, 64], [61, 60], [62, 65], [63, 67], [64, 68], [65, 69],
        [66, 70], [67, 72], [68, 75], [69, 80]
      ]
df_tp = Daru::DataFrame.rows(time_popularity)

Out[6]:

Daru::DataFrame(70x2)

	0	1
0	0	0
1	1	10
2	2	23
3	3	17
4	4	18
5	5	9
6	6	11
7	7	27
8	8	33
9	9	40
10	10	32
11	11	35
12	12	30
13	13	40
14	14	42
15	15	47
16	16	44
17	17	48
18	18	52
19	19	54
20	20	42
21	21	55
22	22	56
23	23	57
24	24	60
25	25	50
26	26	52
27	27	51
28	28	49
29	29	53
...	...	...
69	69	80

In [7]:

line_dv = Daru::View::Plot.new(df_tp)

Out[7]:

#<Daru::View::Plot:0x000055909ed7f6e8 @data=#<Daru::DataFrame(70x2)>
       0   1
   0   0   0
   1   1  10
   2   2  23
   3   3  17
   4   4  18
   5   5   9
   6   6  11
   7   7  27
   8   8  33
   9   9  40
  10  10  32
  11  11  35
  12  12  30
  13  13  40
  14  14  42
 ... ... ..., @options={}, @user_options={}, @adapter=Daru::View::Adapter::GooglechartsAdapter, @chart=#<GoogleVisualr::Interactive::LineChart:0x000055909ed255f8 @data_table=#<GoogleVisualr::DataTable:0x000055909ed7f670 @cols=[{:type=>"number", :label=>"0"}, {:type=>"number", :label=>"1"}], @rows=[[#<GoogleVisualr::DataTable::Cell:0x000055909ed4a088 @v=0, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed4a010 @v=0, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed49f20 @v=1, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed49ea8 @v=10, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed49db8 @v=2, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed49d40 @v=23, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed49b38 @v=3, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed49a48 @v=17, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed49840 @v=4, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed49778 @v=18, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed495c0 @v=5, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed494f8 @v=9, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed493b8 @v=6, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed49228 @v=11, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed48eb8 @v=7, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed48d50 @v=27, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed48ad0 @v=8, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed489e0 @v=33, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed48850 @v=9, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed48760 @v=40, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed48580 @v=10, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed48490 @v=32, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed482d8 @v=11, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed481c0 @v=35, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed07fa8 @v=12, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed07f08 @v=30, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed07e18 @v=13, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed07d78 @v=40, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed07c88 @v=14, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed07be8 @v=42, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed07af8 @v=15, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed07a58 @v=47, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed07968 @v=16, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed078f0 @v=44, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed077d8 @v=17, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed07710 @v=48, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed07508 @v=18, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed07468 @v=52, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed07300 @v=19, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed07260 @v=54, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed07170 @v=20, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed070d0 @v=42, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed06fb8 @v=21, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed06f40 @v=55, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed06e50 @v=22, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed06dd8 @v=56, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed06ce8 @v=23, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed06c48 @v=57, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed06b58 @v=24, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed06ae0 @v=60, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed069f0 @v=25, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed06978 @v=50, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed06888 @v=26, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed06810 @v=52, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed066f8 @v=27, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed06680 @v=51, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed06568 @v=28, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed06478 @v=49, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed062c0 @v=29, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed061f8 @v=53, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed06040 @v=30, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed05fc8 @v=55, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed05ed8 @v=31, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed05e38 @v=60, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed05d48 @v=32, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed05cd0 @v=61, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed05b90 @v=33, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed05b18 @v=59, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed05a28 @v=34, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed05988 @v=62, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed05870 @v=35, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed05780 @v=65, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed05640 @v=36, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed055a0 @v=62, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed054b0 @v=37, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed05438 @v=58, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed05320 @v=38, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed052a8 @v=55, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed05190 @v=39, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed050c8 @v=61, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed04ee8 @v=40, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed04e48 @v=64, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed04cb8 @v=41, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed04c40 @v=65, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed04b50 @v=42, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed04a88 @v=63, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed04920 @v=43, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed048a8 @v=66, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed04790 @v=44, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed04718 @v=67, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed045d8 @v=45, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed04560 @v=69, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed04470 @v=46, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed043f8 @v=69, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed04308 @v=47, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed04268 @v=70, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed04128 @v=48, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed04088 @v=72, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed27f60 @v=49, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed27ee8 @v=68, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed27df8 @v=50, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed27d08 @v=66, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed27b50 @v=51, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed27ab0 @v=65, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed27970 @v=52, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed278f8 @v=67, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed277e0 @v=53, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed27740 @v=70, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed27628 @v=54, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed275b0 @v=71, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed274c0 @v=55, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed27448 @v=72, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed27358 @v=56, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed272e0 @v=73, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed271f0 @v=57, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed27178 @v=75, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed27088 @v=58, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed27010 @v=70, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed26f20 @v=59, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed26ea8 @v=68, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed26db8 @v=60, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed26d40 @v=64, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed26c50 @v=61, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed26b88 @v=60, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed269d0 @v=62, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed26930 @v=65, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed267c8 @v=63, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed26728 @v=67, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed26638 @v=64, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed265c0 @v=68, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed264d0 @v=65, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed26408 @v=69, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed262c8 @v=66, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed261d8 @v=70, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed26098 @v=67, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed25fd0 @v=72, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed25e90 @v=68, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed25da0 @v=75, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ed25c10 @v=69, @type="number">, #<GoogleVisualr::DataTable::Cell:0x000055909ed25b48 @v=80, @type="number">]], @listeners=[], @options={}>, @listeners=[], @version="1.0", @language=nil, @material=false, @options={}, @user_options={}, @data=#<Daru::DataFrame(70x2)>
       0   1
   0   0   0
   1   1  10
   2   2  23
   3   3  17
   4   4  18
   5   5   9
   6   6  11
   7   7  27
   8   8  33
   9   9  40
  10  10  32
  11  11  35
  12  12  30
  13  13  40
  14  14  42
 ... ... ...>>

In [8]:

line_dv.chart

Out[8]:

In [9]:

line_dv.chart.data_table

Out[9]:

In [10]:

line_dv.chart.data_table.options = {pageSize: 10}

Out[10]:

{:pageSize=>10}

In [11]:

line_dv.chart.data_table

Out[11]:

In [12]:

p line_dv.chart.options
line_dv.chart.options = {
        hAxis: {
          title: 'Time'
        },
        vAxis: {
          title: 'Popularity'
        }
      }

{}

Out[12]:

{"hAxis"=>{:title=>"Time"}, "vAxis"=>{:title=>"Popularity"}}

In [13]:

line_dv.show_in_iruby

Out[13]:

In [14]:

# dataframe `df_tp` column name is default (df_tp.vectors is 0, 1) . Let's update it.
line_dv.chart.data_table.cols[0] = {type: 'number',label:  'X'}
line_dv.chart.data_table.cols[1] = {type: 'number', label:  'Dogs'}
line_dv.show_in_iruby

Out[14]:

In [15]:

city = Daru::Vector.new(['New York City, NY','Los Angeles, CA','Chicago, IL', 'Houston, TX', 'Philadelphia, PA'], name: 'city')
population = Daru::Vector.new([ 8175000, 3792000,2695000,2099000, 1526000], name: '2010 Population')
df_population_us_city = Daru::DataFrame.new(city: city, population: population)

Out[15]:

Daru::DataFrame(5x2)

	city	population
0	New York City, NY	8175000
1	Los Angeles, CA	3792000
2	Chicago, IL	2695000
3	Houston, TX	2099000
4	Philadelphia, PA	1526000

In [16]:

line_basic = Daru::View::Plot.new(df_population_us_city)

Out[16]:

#<Daru::View::Plot:0x000055909ec1f438 @data=#<Daru::DataFrame(5x2)>
                  city population
          0 New York C    8175000
          1 Los Angele    3792000
          2 Chicago, I    2695000
          3 Houston, T    2099000
          4 Philadelph    1526000, @options={}, @user_options={}, @adapter=Daru::View::Adapter::GooglechartsAdapter, @chart=#<GoogleVisualr::Interactive::LineChart:0x000055909ec131d8 @data_table=#<GoogleVisualr::DataTable:0x000055909ec1f3c0 @cols=[{:type=>"string", :label=>:city}, {:type=>"number", :label=>:population}], @rows=[[#<GoogleVisualr::DataTable::Cell:0x000055909ec1c238 @v="New York City, NY", @type="string">, #<GoogleVisualr::DataTable::Cell:0x000055909ec1c1c0 @v=8175000, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ec1c0f8 @v="Los Angeles, CA", @type="string">, #<GoogleVisualr::DataTable::Cell:0x000055909ec1fa50 @v=3792000, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ec13db8 @v="Chicago, IL", @type="string">, #<GoogleVisualr::DataTable::Cell:0x000055909ec13c50 @v=2695000, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ec13ae8 @v="Houston, TX", @type="string">, #<GoogleVisualr::DataTable::Cell:0x000055909ec13958 @v=2099000, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909ec137c8 @v="Philadelphia, PA", @type="string">, #<GoogleVisualr::DataTable::Cell:0x000055909ec13700 @v=1526000, @type="number">]], @listeners=[], @options={}>, @listeners=[], @version="1.0", @language=nil, @material=false, @options={}, @user_options={}, @data=#<Daru::DataFrame(5x2)>
                  city population
          0 New York C    8175000
          1 Los Angele    3792000
          2 Chicago, I    2695000
          3 Houston, T    2099000
          4 Philadelph    1526000>>

In [17]:

line_basic.chart

Out[17]:

In [18]:

bar_basic = Daru::View::Plot.new(df_population_us_city, type: :bar)

Out[18]:

#<Daru::View::Plot:0x000055909e665b78 @data=#<Daru::DataFrame(5x2)>
                  city population
          0 New York C    8175000
          1 Los Angele    3792000
          2 Chicago, I    2695000
          3 Houston, T    2099000
          4 Philadelph    1526000, @options={}, @user_options={}, @adapter=Daru::View::Adapter::GooglechartsAdapter, @chart=#<GoogleVisualr::Interactive::BarChart:0x000055909dd32dd0 @data_table=#<GoogleVisualr::DataTable:0x000055909e665ab0 @cols=[{:type=>"string", :label=>:city}, {:type=>"number", :label=>:population}], @rows=[[#<GoogleVisualr::DataTable::Cell:0x000055909dd3d050 @v="New York City, NY", @type="string">, #<GoogleVisualr::DataTable::Cell:0x000055909dd3cf60 @v=8175000, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909dd3cd58 @v="Los Angeles, CA", @type="string">, #<GoogleVisualr::DataTable::Cell:0x000055909dd3cbc8 @v=3792000, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909dd3cab0 @v="Chicago, IL", @type="string">, #<GoogleVisualr::DataTable::Cell:0x000055909dd3c948 @v=2695000, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909dd3c5b0 @v="Houston, TX", @type="string">, #<GoogleVisualr::DataTable::Cell:0x000055909dd3c0b0 @v=2099000, @type="number">], [#<GoogleVisualr::DataTable::Cell:0x000055909dd33a78 @v="Philadelphia, PA", @type="string">, #<GoogleVisualr::DataTable::Cell:0x000055909dd33988 @v=1526000, @type="number">]], @listeners=[], @options={}>, @listeners=[], @version="1.0", @language=nil, @material=false, @options={}, @user_options={}, @data=#<Daru::DataFrame(5x2)>
                  city population
          0 New York C    8175000
          1 Los Angele    3792000
          2 Chicago, I    2695000
          3 Houston, T    2099000
          4 Philadelph    1526000>>

In [19]:

bar_basic.show_in_iruby

Out[19]:

In [20]:

options = {
        title: 'Population of Largest U.S. Cities',
        chartArea: {width: '50%'},
        hAxis: {
          title: 'Total Population',
          minValue: 0
        },
        vAxis: {
          title: 'City'
        }
      };

Out[20]:

{:title=>"Population of Largest U.S. Cities", :chartArea=>{:width=>"50%"}, :hAxis=>{:title=>"Total Population", :minValue=>0}, :vAxis=>{:title=>"City"}}

In [21]:

bar_basic.chart.options= options

Out[21]:

{"title"=>"Population of Largest U.S. Cities", "chartArea"=>{:width=>"50%"}, "hAxis"=>{:title=>"Total Population", :minValue=>0}, "vAxis"=>{:title=>"City"}}

In [22]:

bar_basic.chart

Out[22]:

In [23]:

bar_basic.chart.options[:pageSize] = 3

Out[23]:

In [24]:

bar_basic.show_in_iruby # or bar_basic.chart

Out[24]:

In [25]:

bar_basic.chart.options

Out[25]:

{"title"=>"Population of Largest U.S. Cities", "chartArea"=>{:width=>"50%"}, "hAxis"=>{:title=>"Total Population", :minValue=>0}, "vAxis"=>{:title=>"City"}, :pageSize=>3}

In [26]:

lang = Daru::Vector.new(['Assamese', 'Bengali','Bodo','Dogri', 'Gujarati', 'Hindi','Kannada', 'Kashmiri', 'Konkani','Maithili', 'Malayalam', 'Manipuri','Marathi', 'Nepali', 'Oriya','Punjabi', 'Sanskrit', 'Santhali', 'Sindhi', 'Tamil', 'Telugu','Urdu'] , name: 'Language')
speakers = Daru::Vector.new([13, 83, 1.4, 2.3, 46, 300, 38, 5.5, 5, 20, 33, 1.5, 72, 2.9,33,29, 0.01, 6.5,2.5, 61, 74, 52] , name: 'Speakers (in millions)')
df_lang = Daru::DataFrame.new(lang: lang, speakers: speakers)

Out[26]:

Daru::DataFrame(22x2)

	lang	speakers
0	Assamese	13
1	Bengali	83
2	Bodo	1.4
3	Dogri	2.3
4	Gujarati	46
5	Hindi	300
6	Kannada	38
7	Kashmiri	5.5
8	Konkani	5
9	Maithili	20
10	Malayalam	33
11	Manipuri	1.5
12	Marathi	72
13	Nepali	2.9
14	Oriya	33
15	Punjabi	29
16	Sanskrit	0.01
17	Santhali	6.5
18	Sindhi	2.5
19	Tamil	61
20	Telugu	74
21	Urdu	52

In [27]:

t_lang = Daru::View::Table.new(df_lang, {pageSize: 5})
t_lang.show_in_iruby

Out[27]:

In [28]:

pie_lang = Daru::View::Plot.new(t_lang.table, {type: :pie,  title: 'Indian Language Use', width: 800, height: 700})
pie_lang.show_in_iruby

Out[28]:

In [29]:

# add/update new options
# there are a lot of options and configuration we can do in google pie charts
# refere : https://developers.google.com/chart/interactive/docs/gallery/piechart
pie_lang.chart.options[:is3D] = true

Out[29]:

true

In [30]:

pie_lang.show_in_iruby

Out[30]:

In [ ]:

	0	1
0	0	0
1	1	10
2	2	23
3	3	17
4	4	18
5	5	9
6	6	11
7	7	27
8	8	33
9	9	40
10	10	32
11	11	35
12	12	30
13	13	40
14	14	42
15	15	47
16	16	44
17	17	48
18	18	52
19	19	54
20	20	42
21	21	55
22	22	56
23	23	57
24	24	60
25	25	50
26	26	52
27	27	51
28	28	49
29	29	53
...	...	...
69	69	80

	0	1
0	0	0
1	1	10
2	2	23
3	3	17
4	4	18
5	5	9
6	6	11
7	7	27
8	8	33
9	9	40
10	10	32
11	11	35
12	12	30
13	13	40
14	14	42
15	15	47
16	16	44
17	17	48
18	18	52
19	19	54
20	20	42
21	21	55
22	22	56
23	23	57
24	24	60
25	25	50
26	26	52
27	27	51
28	28	49
29	29	53
...	...	...
69	69	80

	0	1
0	0	0
1	1	10
2	2	23
3	3	17
4	4	18
5	5	9
6	6	11
7	7	27
8	8	33
9	9	40
10	10	32
11	11	35
12	12	30
13	13	40
14	14	42
15	15	47
16	16	44
17	17	48
18	18	52
19	19	54
20	20	42
21	21	55
22	22	56
23	23	57
24	24	60
25	25	50
26	26	52
27	27	51
28	28	49
29	29	53
...	...	...
69	69	80