{ "cells": [ { "cell_type": "markdown", "metadata": {}, "source": [ "Note : Examples are taken from daru : http://nbviewer.jupyter.org/github/SciRuby/sciruby-notebooks/blob/master/Data%20Analysis/Plotting/Visualization.ipynb" ] }, { "cell_type": "code", "execution_count": 1, "metadata": {}, "outputs": [ { "name": "stderr", "output_type": "stream", "text": [ "\n", "Install the spreadsheet gem version ~>1.1.1 for using spreadsheet functions.\n", "\n", "Install the mechanize gem version ~>2.7.5 for using mechanize functions.\n" ] }, { "data": { "text/plain": [ "true" ] }, "execution_count": 1, "metadata": {}, "output_type": "execute_result" } ], "source": [ "require 'daru/view'" ] }, { "cell_type": "code", "execution_count": 2, "metadata": {}, "outputs": [ { "data": { "application/javascript": [ "if(window['d3'] === undefined ||\n", " window['Nyaplot'] === undefined){\n", " var path = {\"d3\":\"https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min\",\"downloadable\":\"http://cdn.rawgit.com/domitry/d3-downloadable/master/d3-downloadable\"};\n", "\n", "\n", "\n", " var shim = {\"d3\":{\"exports\":\"d3\"},\"downloadable\":{\"exports\":\"downloadable\"}};\n", "\n", " require.config({paths: path, shim:shim});\n", "\n", "\n", "require(['d3'], function(d3){window['d3']=d3;console.log('finished loading d3');require(['downloadable'], function(downloadable){window['downloadable']=downloadable;console.log('finished loading downloadable');\n", "\n", "\tvar script = d3.select(\"head\")\n", "\t .append(\"script\")\n", "\t .attr(\"src\", \"http://cdn.rawgit.com/domitry/Nyaplotjs/master/release/nyaplot.js\")\n", "\t .attr(\"async\", true);\n", "\n", "\tscript[0][0].onload = script[0][0].onreadystatechange = function(){\n", "\n", "\n", "\t var event = document.createEvent(\"HTMLEvents\");\n", "\t event.initEvent(\"load_nyaplot\",false,false);\n", "\t window.dispatchEvent(event);\n", "\t console.log('Finished loading Nyaplotjs');\n", "\n", "\t};\n", "\n", "\n", "});});\n", "}\n" ], "text/plain": [ "\"if(window['d3'] === undefined ||\\n window['Nyaplot'] === undefined){\\n var path = {\\\"d3\\\":\\\"https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min\\\",\\\"downloadable\\\":\\\"http://cdn.rawgit.com/domitry/d3-downloadable/master/d3-downloadable\\\"};\\n\\n\\n\\n var shim = {\\\"d3\\\":{\\\"exports\\\":\\\"d3\\\"},\\\"downloadable\\\":{\\\"exports\\\":\\\"downloadable\\\"}};\\n\\n require.config({paths: path, shim:shim});\\n\\n\\nrequire(['d3'], function(d3){window['d3']=d3;console.log('finished loading d3');require(['downloadable'], function(downloadable){window['downloadable']=downloadable;console.log('finished loading downloadable');\\n\\n\\tvar script = d3.select(\\\"head\\\")\\n\\t .append(\\\"script\\\")\\n\\t .attr(\\\"src\\\", \\\"http://cdn.rawgit.com/domitry/Nyaplotjs/master/release/nyaplot.js\\\")\\n\\t .attr(\\\"async\\\", true);\\n\\n\\tscript[0][0].onload = script[0][0].onreadystatechange = function(){\\n\\n\\n\\t var event = document.createEvent(\\\"HTMLEvents\\\");\\n\\t event.initEvent(\\\"load_nyaplot\\\",false,false);\\n\\t window.dispatchEvent(event);\\n\\t console.log('Finished loading Nyaplotjs');\\n\\n\\t};\\n\\n\\n});});\\n}\\n\"" ] }, "metadata": {}, "output_type": "display_data" }, { "data": { "text/plain": [ ":nyaplot" ] }, "execution_count": 2, "metadata": {}, "output_type": "execute_result" } ], "source": [ "Daru::View.plotting_library = :nyaplot" ] }, { "cell_type": "markdown", "metadata": {}, "source": [ "# Categorical Vector Visualization" ] }, { "cell_type": "code", "execution_count": 3, "metadata": {}, "outputs": [ { "data": { "text/html": [ " Daru::Vector(6):category \n", "\n", " \n", " \n", "\n", " \n", " \n", " \n", " \n", " \n", " \n", " \n", " \n", " \n", " \n", " \n", " \n", " \n", " \n", " \n", " \n", " \n", " \n", " \n", " \n", " \n", " \n", " \n", " \n", " \n", " \n", " \n", " \n", " \n", " \n", " \n", " \n", "\n", " \n", "\n", "
0a
1a
2a
3b
4b
5c
" ], "text/plain": [ "#\n", " 0 a\n", " 1 a\n", " 2 a\n", " 3 b\n", " 4 b\n", " 5 c" ] }, "execution_count": 3, "metadata": {}, "output_type": "execute_result" } ], "source": [ "dv = Daru::Vector.new [:a, :a, :a, :b, :b, :c], type: :category" ] }, { "cell_type": "markdown", "metadata": {}, "source": [ "### Bar graph\n", "\n", "##### 1. Frequency (count)" ] }, { "cell_type": "code", "execution_count": 4, "metadata": {}, "outputs": [ { "data": { "text/plain": [ "#\n", " 0 a\n", " 1 a\n", " 2 a\n", " 3 b\n", " 4 b\n", " 5 c, @options={:type=>:bar, :method=>:count}, @user_options={}, @adapter=Daru::View::Adapter::NyaplotAdapter, @chart=#[#:bar, :options=>{:x=>\"data0\", :y=>\"data1\"}, :data=>\"a95c13ad-b7aa-4278-a284-47df5a974915\"}, @xrange=[:a, :b, :c], @yrange=[0, 3]>], :options=>{}}>>" ] }, "execution_count": 4, "metadata": {}, "output_type": "execute_result" } ], "source": [ "bar_graph1 = Daru::View::Plot.new(dv, type: :bar)" ] }, { "cell_type": "code", "execution_count": 5, "metadata": {}, "outputs": [ { "data": { "text/plain": [ "Nyaplot::Plot" ] }, "execution_count": 5, "metadata": {}, "output_type": "execute_result" } ], "source": [ "bar_graph1.chart.class" ] }, { "cell_type": "code", "execution_count": 6, "metadata": {}, "outputs": [ { "data": { "text/html": [ "
\n", "\n" ], "text/plain": [ "#[#[#:bar, :options=>{:x=>\"data0\", :y=>\"data1\"}, :data=>\"a95c13ad-b7aa-4278-a284-47df5a974915\"}, @xrange=[:a, :b, :c], @yrange=[0, 3]>], :options=>{:width=>700, :xrange=>[:a, :b, :c], :yrange=>[0, 3]}}>], :data=>{\"a95c13ad-b7aa-4278-a284-47df5a974915\"=>#:a, :data1=>3}, {:data0=>:b, :data1=>2}, {:data0=>:c, :data1=>1}]>}, :extension=>[]}>" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "bar_graph1.show_in_iruby" ] }, { "cell_type": "code", "execution_count": 7, "metadata": {}, "outputs": [ { "data": { "text/plain": [ ":category" ] }, "execution_count": 7, "metadata": {}, "output_type": "execute_result" } ], "source": [ "dv = Daru::Vector.new ['III']*10 + ['II']*5 + ['I']*5, type: :category, categories: ['I', 'II', 'III']\n", "dv.type" ] }, { "cell_type": "code", "execution_count": 8, "metadata": {}, "outputs": [ { "data": { "text/plain": [ "#\n", " 0 III\n", " 1 III\n", " 2 III\n", " 3 III\n", " 4 III\n", " 5 III\n", " 6 III\n", " 7 III\n", " 8 III\n", " 9 III\n", " 10 II\n", " 11 II\n", " 12 II\n", " 13 II\n", " 14 II\n", " ... ..., @options={:type=>:bar, :method=>:count}, @user_options={}, @adapter=Daru::View::Adapter::NyaplotAdapter, @chart=#[#:bar, :options=>{:x=>\"data0\", :y=>\"data1\"}, :data=>\"a25e611e-2be7-450f-8478-0c0668d0ff14\"}, @xrange=[\"I\", \"II\", \"III\"], @yrange=[0, 10]>], :options=>{}}>>" ] }, "execution_count": 8, "metadata": {}, "output_type": "execute_result" } ], "source": [ "bar_graph2 = Daru::View::Plot.new(dv, type: :bar)" ] }, { "cell_type": "code", "execution_count": 9, "metadata": {}, "outputs": [ { "data": { "text/plain": [ "Daru::View::Plot" ] }, "execution_count": 9, "metadata": {}, "output_type": "execute_result" } ], "source": [ "bar_graph2.class" ] }, { "cell_type": "code", "execution_count": 10, "metadata": {}, "outputs": [ { "data": { "text/plain": [ "Nyaplot::Plot" ] }, "execution_count": 10, "metadata": {}, "output_type": "execute_result" } ], "source": [ "bar_graph2.chart.class" ] }, { "cell_type": "code", "execution_count": 11, "metadata": {}, "outputs": [ { "data": { "text/html": [ "
\n", "\n" ], "text/plain": [ "#[#:bar, :options=>{:x=>\"data0\", :y=>\"data1\"}, :data=>\"a25e611e-2be7-450f-8478-0c0668d0ff14\"}, @xrange=[\"I\", \"II\", \"III\"], @yrange=[0, 10]>], :options=>{:x_label=>\"Cat\", :y_label=>\"Frequency\", :width=>700, :xrange=>[\"I\", \"II\", \"III\"], :yrange=>[0, 10]}}>" ] }, "execution_count": 11, "metadata": {}, "output_type": "execute_result" } ], "source": [ "# Nyaplot methods will work.Since #chart is Nyaplot::Plot class object\n", "bar_graph2.chart.x_label 'Cat'\n", "bar_graph2.chart.y_label 'Frequency'" ] }, { "cell_type": "code", "execution_count": 12, "metadata": {}, "outputs": [ { "data": { "text/html": [ "
\n", "\n" ], "text/plain": [ "#[#:bar, :options=>{:x=>\"data0\", :y=>\"data1\"}, :data=>\"a25e611e-2be7-450f-8478-0c0668d0ff14\"}, @xrange=[\"I\", \"II\", \"III\"], @yrange=[0, 10]>], :options=>{:x_label=>\"Cat\", :y_label=>\"Frequency\", :width=>700, :xrange=>[\"I\", \"II\", \"III\"], :yrange=>[0, 10]}}>" ] }, "execution_count": 12, "metadata": {}, "output_type": "execute_result" } ], "source": [ "bar_graph2.chart # or bar_graph2.show_in_iruby" ] }, { "cell_type": "markdown", "metadata": {}, "source": [ "#### 2. Percentage" ] }, { "cell_type": "code", "execution_count": 13, "metadata": {}, "outputs": [ { "data": { "text/plain": [ "#\n", " 0 III\n", " 1 III\n", " 2 III\n", " 3 III\n", " 4 III\n", " 5 III\n", " 6 III\n", " 7 III\n", " 8 III\n", " 9 III\n", " 10 II\n", " 11 II\n", " 12 II\n", " 13 II\n", " 14 II\n", " ... ..., @options={:type=>:bar, :method=>:percentage}, @user_options={}, @adapter=Daru::View::Adapter::NyaplotAdapter, @chart=#[#:bar, :options=>{:x=>\"data0\", :y=>\"data1\"}, :data=>\"70be336b-c053-4293-8c23-7046bdde1f83\"}, @xrange=[\"I\", \"II\", \"III\"], @yrange=[0, 50.0]>], :options=>{:yrange=>[0, 100]}}>>" ] }, "execution_count": 13, "metadata": {}, "output_type": "execute_result" } ], "source": [ "bar_graph2_per = Daru::View::Plot.new(dv, type: :bar, method: :percentage)" ] }, { "cell_type": "code", "execution_count": 14, "metadata": {}, "outputs": [ { "data": { "text/html": [ "
\n", "\n" ], "text/plain": [ "#[#[#:bar, :options=>{:x=>\"data0\", :y=>\"data1\"}, :data=>\"70be336b-c053-4293-8c23-7046bdde1f83\"}, @xrange=[\"I\", \"II\", \"III\"], @yrange=[0, 50.0]>], :options=>{:yrange=>[0, 100], :x_label=>\"Categories\", :y_label=>\"Percentage (%)\", :width=>700, :xrange=>[\"I\", \"II\", \"III\"]}}>], :data=>{\"70be336b-c053-4293-8c23-7046bdde1f83\"=>#\"I\", :data1=>25.0}, {:data0=>\"II\", :data1=>25.0}, {:data0=>\"III\", :data1=>50.0}]>}, :extension=>[]}>" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "bar_graph2_per.chart.x_label 'Categories'\n", "bar_graph2_per.chart.y_label 'Percentage (%)'\n", "bar_graph2_per.show_in_iruby" ] }, { "cell_type": "markdown", "metadata": {}, "source": [ "#### 3. Fraction" ] }, { "cell_type": "code", "execution_count": 15, "metadata": {}, "outputs": [ { "data": { "text/plain": [ "#\n", " 0 III\n", " 1 III\n", " 2 III\n", " 3 III\n", " 4 III\n", " 5 III\n", " 6 III\n", " 7 III\n", " 8 III\n", " 9 III\n", " 10 II\n", " 11 II\n", " 12 II\n", " 13 II\n", " 14 II\n", " ... ..., @options={:type=>:bar, :method=>:fraction}, @user_options={}, @adapter=Daru::View::Adapter::NyaplotAdapter, @chart=#[#:bar, :options=>{:x=>\"data0\", :y=>\"data1\"}, :data=>\"5e7b6320-0dab-43ca-8f58-a2f8843faaf4\"}, @xrange=[\"I\", \"II\", \"III\"], @yrange=[0, 0.5]>], :options=>{:yrange=>[0, 1]}}>>" ] }, "execution_count": 15, "metadata": {}, "output_type": "execute_result" } ], "source": [ "bar_graph2_frac = Daru::View::Plot.new(dv, type: :bar, method: :fraction)" ] }, { "cell_type": "code", "execution_count": 16, "metadata": {}, "outputs": [ { "data": { "text/html": [ "
\n", "\n" ], "text/plain": [ "#[#[#:bar, :options=>{:x=>\"data0\", :y=>\"data1\"}, :data=>\"5e7b6320-0dab-43ca-8f58-a2f8843faaf4\"}, @xrange=[\"I\", \"II\", \"III\"], @yrange=[0, 0.5]>], :options=>{:yrange=>[0, 1], :y_label=>\"Fraction\", :width=>700, :xrange=>[\"I\", \"II\", \"III\"]}}>], :data=>{\"5e7b6320-0dab-43ca-8f58-a2f8843faaf4\"=>#\"I\", :data1=>0.25}, {:data0=>\"II\", :data1=>0.25}, {:data0=>\"III\", :data1=>0.5}]>}, :extension=>[]}>" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "# bar_graph2_frac.chart.x_label 'Categories'\n", "bar_graph2_frac.chart.y_label 'Fraction'\n", "bar_graph2_frac.show_in_iruby" ] }, { "cell_type": "markdown", "metadata": {}, "source": [ "# Categorical data visualization in Dataframe\n", "### Bar Graph" ] }, { "cell_type": "code", "execution_count": 17, "metadata": {}, "outputs": [ { "data": { "text/plain": [ ":category" ] }, "execution_count": 17, "metadata": {}, "output_type": "execute_result" } ], "source": [ "df = Daru::DataFrame.new({\n", " a: [1, 2, 4, -2, 5, 23, 0],\n", " b: [3, 1, 3, -6, 2, 1, 0],\n", " c: ['I', 'II', 'I', 'III', 'I', 'III', 'II']\n", " })\n", "df.to_category :c\n", "df[:c].type" ] }, { "cell_type": "code", "execution_count": 18, "metadata": {}, "outputs": [ { "data": { "text/plain": [ "#\n", " a b c\n", " 0 1 3 I\n", " 1 2 1 II\n", " 2 4 3 I\n", " 3 -2 -6 III\n", " 4 5 2 I\n", " 5 23 1 III\n", " 6 0 0 II, @options={:type=>:bar, :x=>:c}, @user_options={}, @adapter=Daru::View::Adapter::NyaplotAdapter, @chart=#[#:bar, :options=>{:value=>:c}, :data=>\"69cd5156-74c4-4617-be5f-c0213e838249\"}, @xrange=[\"I\", \"II\", \"III\"], @yrange=[0, 7]>], :options=>{}}>>" ] }, "execution_count": 18, "metadata": {}, "output_type": "execute_result" } ], "source": [ "bar_graph3 = Daru::View::Plot.new(df, type: :bar, x: :c)" ] }, { "cell_type": "code", "execution_count": 19, "metadata": {}, "outputs": [ { "data": { "text/html": [ "
\n", "\n" ], "text/plain": [ "#[#[#:bar, :options=>{:value=>:c}, :data=>\"69cd5156-74c4-4617-be5f-c0213e838249\"}, @xrange=[\"I\", \"II\", \"III\"], @yrange=[0, 7]>], :options=>{:width=>700, :xrange=>[\"I\", \"II\", \"III\"], :yrange=>[0, 7]}}>], :data=>{\"69cd5156-74c4-4617-be5f-c0213e838249\"=>#1, :b=>3, :c=>\"I\"}, {:a=>2, :b=>1, :c=>\"II\"}, {:a=>4, :b=>3, :c=>\"I\"}, {:a=>-2, :b=>-6, :c=>\"III\"}, {:a=>5, :b=>2, :c=>\"I\"}, {:a=>23, :b=>1, :c=>\"III\"}, {:a=>0, :b=>0, :c=>\"II\"}]>}, :extension=>[]}>" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "bar_graph3.show_in_iruby" ] }, { "cell_type": "markdown", "metadata": {}, "source": [ "### Scatter plot categorized by categorical variable¶\n", "#### Plots can be categorized by\n", "\n", "- Color\n", "- Size\n", "- Shape" ] }, { "cell_type": "code", "execution_count": 20, "metadata": {}, "outputs": [ { "data": { "text/plain": [ ":category" ] }, "execution_count": 20, "metadata": {}, "output_type": "execute_result" } ], "source": [ "df = Daru::DataFrame.new({\n", " a: [1, 2, 4, -2, 5, 23, 0],\n", " b: [3, 1, 3, -6, 2, 1, 0],\n", " c: ['I', 'II', 'I', 'III', 'I', 'III', 'II']\n", " })\n", "df.to_category :c\n", "df[:c].type" ] }, { "cell_type": "code", "execution_count": 21, "metadata": {}, "outputs": [ { "data": { "text/plain": [ "#\n", " a b c\n", " 0 1 3 I\n", " 1 2 1 II\n", " 2 4 3 I\n", " 3 -2 -6 III\n", " 4 5 2 I\n", " 5 23 1 III\n", " 6 0 0 II, @options={:type=>:scatter, :x=>:a, :y=>:b, :categorized=>{:by=>:c, :method=>:color}}, @user_options={}, @adapter=Daru::View::Adapter::NyaplotAdapter, @chart=#[#:scatter, :options=>{:x=>:a, :y=>:b, :title=>\"I\", :color=>\"rgb(228,26,28)\", :tooltip_contents=>[\"I\", \"I\", \"I\"]}, :data=>\"9a04ca23-42ff-4295-9d0b-fb6fac543300\"}, @xrange=[1, 5], @yrange=[2, 3]>, #:scatter, :options=>{:x=>:a, :y=>:b, :title=>\"II\", :color=>\"rgb(55,126,184)\", :tooltip_contents=>[\"II\", \"II\"]}, :data=>\"dfb6b11e-4462-4fe2-94dc-6eb464979d59\"}, @xrange=[0, 2], @yrange=[0, 1]>, #:scatter, :options=>{:x=>:a, :y=>:b, :title=>\"III\", :color=>\"rgb(77,175,74)\", :tooltip_contents=>[\"III\", \"III\"]}, :data=>\"e71b916a-f87d-431e-9bd9-e7c9a1dac661\"}, @xrange=[-2, 23], @yrange=[-6, 1]>], :options=>{:legend=>true}}>>" ] }, "execution_count": 21, "metadata": {}, "output_type": "execute_result" } ], "source": [ "scatter_1 = Daru::View::Plot.new(df, type: :scatter, x: :a, y: :b, categorized: {by: :c, method: :color})" ] }, { "cell_type": "code", "execution_count": 22, "metadata": { "scrolled": true }, "outputs": [ { "data": { "text/html": [ "
\n", "\n" ], "text/plain": [ "#[#[#:scatter, :options=>{:x=>:a, :y=>:b, :title=>\"I\", :color=>\"rgb(228,26,28)\", :tooltip_contents=>[\"I\", \"I\", \"I\"]}, :data=>\"9a04ca23-42ff-4295-9d0b-fb6fac543300\"}, @xrange=[1, 5], @yrange=[2, 3]>, #:scatter, :options=>{:x=>:a, :y=>:b, :title=>\"II\", :color=>\"rgb(55,126,184)\", :tooltip_contents=>[\"II\", \"II\"]}, :data=>\"dfb6b11e-4462-4fe2-94dc-6eb464979d59\"}, @xrange=[0, 2], @yrange=[0, 1]>, #:scatter, :options=>{:x=>:a, :y=>:b, :title=>\"III\", :color=>\"rgb(77,175,74)\", :tooltip_contents=>[\"III\", \"III\"]}, :data=>\"e71b916a-f87d-431e-9bd9-e7c9a1dac661\"}, @xrange=[-2, 23], @yrange=[-6, 1]>], :options=>{:legend=>true, :zoom=>true, :width=>800, :xrange=>[-2, 23], :yrange=>[-6, 3]}}>], :data=>{\"9a04ca23-42ff-4295-9d0b-fb6fac543300\"=>#1, :b=>3}, {:a=>4, :b=>3}, {:a=>5, :b=>2}]>, \"dfb6b11e-4462-4fe2-94dc-6eb464979d59\"=>#2, :b=>1}, {:a=>0, :b=>0}]>, \"e71b916a-f87d-431e-9bd9-e7c9a1dac661\"=>#-2, :b=>-6}, {:a=>23, :b=>1}]>}, :extension=>[]}>" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "scatter_1.show_in_iruby" ] }, { "cell_type": "code", "execution_count": 23, "metadata": {}, "outputs": [ { "data": { "text/html": [ "
\n", "\n" ], "text/plain": [ "#[#:scatter, :options=>{:x=>:a, :y=>:b, :title=>\"I\", :color=>\"rgb(228,26,28)\", :tooltip_contents=>[\"I\", \"I\", \"I\"]}, :data=>\"9a04ca23-42ff-4295-9d0b-fb6fac543300\"}, @xrange=[1, 5], @yrange=[2, 3]>, #:scatter, :options=>{:x=>:a, :y=>:b, :title=>\"II\", :color=>\"rgb(55,126,184)\", :tooltip_contents=>[\"II\", \"II\"]}, :data=>\"dfb6b11e-4462-4fe2-94dc-6eb464979d59\"}, @xrange=[0, 2], @yrange=[0, 1]>, #:scatter, :options=>{:x=>:a, :y=>:b, :title=>\"III\", :color=>\"rgb(77,175,74)\", :tooltip_contents=>[\"III\", \"III\"]}, :data=>\"e71b916a-f87d-431e-9bd9-e7c9a1dac661\"}, @xrange=[-2, 23], @yrange=[-6, 1]>], :options=>{:legend=>true, :zoom=>true, :width=>800, :xrange=>[-10, 10], :yrange=>[-10, 10]}}>" ] }, "execution_count": 23, "metadata": {}, "output_type": "execute_result" } ], "source": [ "scatter_1.chart.xrange [-10, 10]\n", "scatter_1.chart.yrange [-10, 10]" ] }, { "cell_type": "code", "execution_count": 24, "metadata": {}, "outputs": [ { "data": { "text/html": [ "
\n", "\n" ], "text/plain": [ "#[#[#:scatter, :options=>{:x=>:a, :y=>:b, :title=>\"I\", :shape=>\"circle\", :tooltip_contents=>[\"I\", \"I\", \"I\"]}, :data=>\"1b4f2131-46ab-4771-b5f6-2941f4c66009\"}, @xrange=[1, 5], @yrange=[2, 3]>, #:scatter, :options=>{:x=>:a, :y=>:b, :title=>\"II\", :shape=>\"triangle-up\", :tooltip_contents=>[\"II\", \"II\"]}, :data=>\"78fd4d17-0a80-4b4a-a561-bdf80eab7298\"}, @xrange=[0, 2], @yrange=[0, 1]>, #:scatter, :options=>{:x=>:a, :y=>:b, :title=>\"III\", :shape=>\"diamond\", :tooltip_contents=>[\"III\", \"III\"]}, :data=>\"cb1ad1e3-14b2-4fac-8ea6-afacfab29c1d\"}, @xrange=[-2, 23], @yrange=[-6, 1]>], :options=>{:legend=>true, :zoom=>true, :width=>800, :xrange=>[-2, 23], :yrange=>[-6, 3]}}>], :data=>{\"1b4f2131-46ab-4771-b5f6-2941f4c66009\"=>#1, :b=>3}, {:a=>4, :b=>3}, {:a=>5, :b=>2}]>, \"78fd4d17-0a80-4b4a-a561-bdf80eab7298\"=>#2, :b=>1}, {:a=>0, :b=>0}]>, \"cb1ad1e3-14b2-4fac-8ea6-afacfab29c1d\"=>#-2, :b=>-6}, {:a=>23, :b=>1}]>}, :extension=>[]}>" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "scatter_2 = Daru::View::Plot.new(df, type: :scatter, x: :a, y: :b, categorized: {by: :c, method: :shape})\n", "scatter_2.show_in_iruby" ] }, { "cell_type": "code", "execution_count": 25, "metadata": {}, "outputs": [ { "data": { "text/html": [ "
\n", "\n" ], "text/plain": [ "#[#:scatter, :options=>{:x=>:a, :y=>:b, :title=>\"I\", :shape=>\"circle\", :tooltip_contents=>[\"I\", \"I\", \"I\"]}, :data=>\"1b4f2131-46ab-4771-b5f6-2941f4c66009\"}, @xrange=[1, 5], @yrange=[2, 3]>, #:scatter, :options=>{:x=>:a, :y=>:b, :title=>\"II\", :shape=>\"triangle-up\", :tooltip_contents=>[\"II\", \"II\"]}, :data=>\"78fd4d17-0a80-4b4a-a561-bdf80eab7298\"}, @xrange=[0, 2], @yrange=[0, 1]>, #:scatter, :options=>{:x=>:a, :y=>:b, :title=>\"III\", :shape=>\"diamond\", :tooltip_contents=>[\"III\", \"III\"]}, :data=>\"cb1ad1e3-14b2-4fac-8ea6-afacfab29c1d\"}, @xrange=[-2, 23], @yrange=[-6, 1]>], :options=>{:legend=>true, :zoom=>true, :width=>800, :xrange=>[-10, 10], :yrange=>[-10, 10]}}>" ] }, "execution_count": 25, "metadata": {}, "output_type": "execute_result" } ], "source": [ "scatter_2.chart.xrange [-10, 10]\n", "scatter_2.chart.yrange [-10, 10]" ] }, { "cell_type": "code", "execution_count": 26, "metadata": {}, "outputs": [ { "data": { "text/html": [ "
\n", "\n" ], "text/plain": [ "#[#[#:scatter, :options=>{:x=>:a, :y=>:b, :title=>\"I\", :color=>:red, :tooltip_contents=>[\"I\", \"I\", \"I\"]}, :data=>\"d657e710-39a5-4d1f-a94f-6d2f67e99a50\"}, @xrange=[1, 5], @yrange=[2, 3]>, #:scatter, :options=>{:x=>:a, :y=>:b, :title=>\"II\", :color=>:blue, :tooltip_contents=>[\"II\", \"II\"]}, :data=>\"169f91d0-4d0a-4ce1-863c-6c92e778dea8\"}, @xrange=[0, 2], @yrange=[0, 1]>, #:scatter, :options=>{:x=>:a, :y=>:b, :title=>\"III\", :color=>:green, :tooltip_contents=>[\"III\", \"III\"]}, :data=>\"579578e1-af04-4e35-a940-603ea4a0d69f\"}, @xrange=[-2, 23], @yrange=[-6, 1]>], :options=>{:legend=>true, :zoom=>true, :width=>800, :xrange=>[-2, 23], :yrange=>[-6, 3]}}>], :data=>{\"d657e710-39a5-4d1f-a94f-6d2f67e99a50\"=>#1, :b=>3}, {:a=>4, :b=>3}, {:a=>5, :b=>2}]>, \"169f91d0-4d0a-4ce1-863c-6c92e778dea8\"=>#2, :b=>1}, {:a=>0, :b=>0}]>, \"579578e1-af04-4e35-a940-603ea4a0d69f\"=>#-2, :b=>-6}, {:a=>23, :b=>1}]>}, :extension=>[]}>" ] }, "metadata": {}, "output_type": "display_data" }, { "data": { "text/html": [ "
\n", "\n" ], "text/plain": [ "#[#:scatter, :options=>{:x=>:a, :y=>:b, :title=>\"I\", :shape=>\"circle\", :tooltip_contents=>[\"I\", \"I\", \"I\"]}, :data=>\"1b4f2131-46ab-4771-b5f6-2941f4c66009\"}, @xrange=[1, 5], @yrange=[2, 3]>, #:scatter, :options=>{:x=>:a, :y=>:b, :title=>\"II\", :shape=>\"triangle-up\", :tooltip_contents=>[\"II\", \"II\"]}, :data=>\"78fd4d17-0a80-4b4a-a561-bdf80eab7298\"}, @xrange=[0, 2], @yrange=[0, 1]>, #:scatter, :options=>{:x=>:a, :y=>:b, :title=>\"III\", :shape=>\"diamond\", :tooltip_contents=>[\"III\", \"III\"]}, :data=>\"cb1ad1e3-14b2-4fac-8ea6-afacfab29c1d\"}, @xrange=[-2, 23], @yrange=[-6, 1]>], :options=>{:legend=>true, :zoom=>true, :width=>800, :xrange=>[-10, 10], :yrange=>[-10, 10]}}>" ] }, "execution_count": 26, "metadata": {}, "output_type": "execute_result" } ], "source": [ "scatter_3 = Daru::View::Plot.new(df, type: :scatter, x: :a, y: :b, categorized: {by: :c, method: :color, color: [:red, :blue, :green]})\n", "scatter_3.show_in_iruby\n", "scatter_2.chart.xrange [-10, 10]\n", "scatter_2.chart.yrange [-10, 10]" ] }, { "cell_type": "code", "execution_count": 27, "metadata": {}, "outputs": [ { "data": { "text/html": [ "
\n", "\n" ], "text/plain": [ "#[#[#:scatter, :options=>{:x=>:a, :y=>:b, :title=>\"I\", :size=>300, :tooltip_contents=>[\"I\", \"I\", \"I\"]}, :data=>\"eafea056-a4ef-4794-99dc-811fc0bbb455\"}, @xrange=[1, 5], @yrange=[2, 3]>, #:scatter, :options=>{:x=>:a, :y=>:b, :title=>\"II\", :size=>600, :tooltip_contents=>[\"II\", \"II\"]}, :data=>\"455ee6d1-dabd-462c-bc63-e570930cc56a\"}, @xrange=[0, 2], @yrange=[0, 1]>, #:scatter, :options=>{:x=>:a, :y=>:b, :title=>\"III\", :size=>900, :tooltip_contents=>[\"III\", \"III\"]}, :data=>\"5d4b466d-6cc9-407c-b816-445e532d4fc4\"}, @xrange=[-2, 23], @yrange=[-6, 1]>], :options=>{:legend=>true, :zoom=>true, :width=>800, :xrange=>[-2, 23], :yrange=>[-6, 3]}}>], :data=>{\"eafea056-a4ef-4794-99dc-811fc0bbb455\"=>#1, :b=>3}, {:a=>4, :b=>3}, {:a=>5, :b=>2}]>, \"455ee6d1-dabd-462c-bc63-e570930cc56a\"=>#2, :b=>1}, {:a=>0, :b=>0}]>, \"5d4b466d-6cc9-407c-b816-445e532d4fc4\"=>#-2, :b=>-6}, {:a=>23, :b=>1}]>}, :extension=>[]}>" ] }, "metadata": {}, "output_type": "display_data" }, { "data": { "text/html": [ "
\n", "\n" ], "text/plain": [ "#[#:scatter, :options=>{:x=>:a, :y=>:b, :title=>\"I\", :size=>300, :tooltip_contents=>[\"I\", \"I\", \"I\"]}, :data=>\"eafea056-a4ef-4794-99dc-811fc0bbb455\"}, @xrange=[1, 5], @yrange=[2, 3]>, #:scatter, :options=>{:x=>:a, :y=>:b, :title=>\"II\", :size=>600, :tooltip_contents=>[\"II\", \"II\"]}, :data=>\"455ee6d1-dabd-462c-bc63-e570930cc56a\"}, @xrange=[0, 2], @yrange=[0, 1]>, #:scatter, :options=>{:x=>:a, :y=>:b, :title=>\"III\", :size=>900, :tooltip_contents=>[\"III\", \"III\"]}, :data=>\"5d4b466d-6cc9-407c-b816-445e532d4fc4\"}, @xrange=[-2, 23], @yrange=[-6, 1]>], :options=>{:legend=>true, :zoom=>true, :width=>800, :xrange=>[-10, 10], :yrange=>[-10, 10]}}>" ] }, "execution_count": 27, "metadata": {}, "output_type": "execute_result" } ], "source": [ "scatter_4 = Daru::View::Plot.new(df, type: :scatter, x: :a, y: :b, categorized: {by: :c, method: :size, size: [300, 600, 900]})\n", "scatter_4.show_in_iruby\n", "scatter_4.chart.xrange [-10, 10]\n", "scatter_4.chart.yrange [-10, 10]" ] }, { "cell_type": "markdown", "metadata": {}, "source": [ "### Line plot categorized by categorical variable\n", "It works similar to Scatter plot above and all options are same except that there's no categorization by size but instead there is categorization by stroke_width in line plots." ] }, { "cell_type": "code", "execution_count": 28, "metadata": {}, "outputs": [ { "data": { "text/plain": [ ":category" ] }, "execution_count": 28, "metadata": {}, "output_type": "execute_result" } ], "source": [ "df = Daru::DataFrame.new({\n", " a: [1, 2, 3, 4, 5, 6, 7, 8, 9],\n", " b: [2, 4, 6, 1, 3, 5, 6, 4, 3],\n", " c: ['I']*3 + ['II']*3 + ['III']*3\n", " })\n", "df.to_category :c\n", "df[:c].type" ] }, { "cell_type": "code", "execution_count": 29, "metadata": {}, "outputs": [ { "data": { "text/html": [ "
\n", "\n" ], "text/plain": [ "#[#[#:line, :options=>{:x=>:a, :y=>:b, :title=>\"I\", :color=>\"rgb(141,211,199)\"}, :data=>\"ecb5662f-7612-4634-92f6-67d645499756\"}, @xrange=[1, 3], @yrange=[2, 6]>, #:line, :options=>{:x=>:a, :y=>:b, :title=>\"II\", :color=>\"rgb(255,255,179)\"}, :data=>\"a6a55738-c10a-47cd-9445-f834b3a228ab\"}, @xrange=[4, 6], @yrange=[1, 5]>, #:line, :options=>{:x=>:a, :y=>:b, :title=>\"III\", :color=>\"rgb(190,186,218)\"}, :data=>\"817ac703-f438-4769-9831-239502e5bf1d\"}, @xrange=[7, 9], @yrange=[3, 6]>], :options=>{:legend=>true, :zoom=>true, :width=>800, :xrange=>[1, 9], :yrange=>[1, 6]}}>], :data=>{\"ecb5662f-7612-4634-92f6-67d645499756\"=>#1, :b=>2}, {:a=>2, :b=>4}, {:a=>3, :b=>6}]>, \"a6a55738-c10a-47cd-9445-f834b3a228ab\"=>#4, :b=>1}, {:a=>5, :b=>3}, {:a=>6, :b=>5}]>, \"817ac703-f438-4769-9831-239502e5bf1d\"=>#7, :b=>6}, {:a=>8, :b=>4}, {:a=>9, :b=>3}]>}, :extension=>[]}>" ] }, "metadata": {}, "output_type": "display_data" } ], "source": [ "line_1 = Daru::View::Plot.new(df, type: :line, x: :a, y: :b, categorized: {by: :c, method: :color})\n", "line_1.show_in_iruby" ] }, { "cell_type": "code", "execution_count": 30, "metadata": {}, "outputs": [ { "data": { "text/html": [ "
\n", "\n" ], "text/plain": [ "#[#[#:line, :options=>{:x=>:a, :y=>:b, :title=>\"I\", :stroke_width=>2}, :data=>\"d4688ff8-63e5-40fd-9029-b1442c73dbdf\"}, @xrange=[1, 3], @yrange=[2, 6]>, #:line, :options=>{:x=>:a, :y=>:b, :title=>\"II\", :stroke_width=>4}, :data=>\"593f3e22-462f-4c4f-8a39-a131677d6438\"}, @xrange=[4, 6], @yrange=[1, 5]>, #:line, :options=>{:x=>:a, :y=>:b, :title=>\"III\", :stroke_width=>6}, :data=>\"5567cf83-4da5-468d-a102-05f0c017cda0\"}, @xrange=[7, 9], @yrange=[3, 6]>], :options=>{:legend=>true, :zoom=>true, :width=>800, :xrange=>[1, 9], :yrange=>[1, 6]}}>], :data=>{\"d4688ff8-63e5-40fd-9029-b1442c73dbdf\"=>#1, :b=>2}, {:a=>2, :b=>4}, {:a=>3, :b=>6}]>, \"593f3e22-462f-4c4f-8a39-a131677d6438\"=>#4, :b=>1}, {:a=>5, :b=>3}, {:a=>6, :b=>5}]>, \"5567cf83-4da5-468d-a102-05f0c017cda0\"=>#7, :b=>6}, {:a=>8, :b=>4}, {:a=>9, :b=>3}]>}, :extension=>[]}>" ] }, "metadata": {}, "output_type": "display_data" }, { "data": { "text/html": [ "
\n", "\n" ], "text/plain": [ "#[#:line, :options=>{:x=>:a, :y=>:b, :title=>\"I\", :stroke_width=>2}, :data=>\"d4688ff8-63e5-40fd-9029-b1442c73dbdf\"}, @xrange=[1, 3], @yrange=[2, 6]>, #:line, :options=>{:x=>:a, :y=>:b, :title=>\"II\", :stroke_width=>4}, :data=>\"593f3e22-462f-4c4f-8a39-a131677d6438\"}, @xrange=[4, 6], @yrange=[1, 5]>, #:line, :options=>{:x=>:a, :y=>:b, :title=>\"III\", :stroke_width=>6}, :data=>\"5567cf83-4da5-468d-a102-05f0c017cda0\"}, @xrange=[7, 9], @yrange=[3, 6]>], :options=>{:legend=>true, :zoom=>true, :width=>800, :xrange=>[-10, 10], :yrange=>[-10, 10]}}>" ] }, "execution_count": 30, "metadata": {}, "output_type": "execute_result" } ], "source": [ "line_2 = Daru::View::Plot.new(df, type: :line, x: :a, y: :b, categorized: {by: :c, method: :stroke_width})\n", "line_2.show_in_iruby\n", "line_2.chart.xrange [-10, 10]\n", "line_2.chart.yrange [-10, 10]" ] }, { "cell_type": "code", "execution_count": null, "metadata": {}, "outputs": [], "source": [] } ], "metadata": { "kernelspec": { "display_name": "Ruby 2.4.1", "language": "ruby", "name": "ruby" }, "language_info": { "file_extension": ".rb", "mimetype": "application/x-ruby", "name": "ruby", "version": "2.4.1" } }, "nbformat": 4, "nbformat_minor": 2 }