{ "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": [ { "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}, @user_options={}, @adapter=Daru::View::Adapter::NyaplotAdapter, @chart=#[#:bar, :options=>{:x=>\"data0\", :y=>\"data1\"}, :data=>\"0d4ca097-306d-4eca-8587-dbe9b7216db5\"}, @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=>\"0d4ca097-306d-4eca-8587-dbe9b7216db5\"}, @xrange=[:a, :b, :c], @yrange=[0, 3]>], :options=>{:width=>700, :xrange=>[:a, :b, :c], :yrange=>[0, 3]}}>], :data=>{\"0d4ca097-306d-4eca-8587-dbe9b7216db5\"=>#: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}, @user_options={}, @adapter=Daru::View::Adapter::NyaplotAdapter, @chart=#[#:bar, :options=>{:x=>\"data0\", :y=>\"data1\"}, :data=>\"aaff240c-c071-4d9c-a797-2e2a0d2e4acc\"}, @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=>\"aaff240c-c071-4d9c-a797-2e2a0d2e4acc\"}, @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=>\"aaff240c-c071-4d9c-a797-2e2a0d2e4acc\"}, @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=>\"bd6240eb-4cf9-4ac0-ac36-b3d881417ea6\"}, @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=>\"bd6240eb-4cf9-4ac0-ac36-b3d881417ea6\"}, @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=>{\"bd6240eb-4cf9-4ac0-ac36-b3d881417ea6\"=>#\"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=>\"123767c9-f679-4cfb-b011-68d860975481\"}, @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=>\"123767c9-f679-4cfb-b011-68d860975481\"}, @xrange=[\"I\", \"II\", \"III\"], @yrange=[0, 0.5]>], :options=>{:yrange=>[0, 1], :y_label=>\"Fraction\", :width=>700, :xrange=>[\"I\", \"II\", \"III\"]}}>], :data=>{\"123767c9-f679-4cfb-b011-68d860975481\"=>#\"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=>\"c80a88de-f7ea-4863-b89d-1da3265012db\"}, @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=>\"c80a88de-f7ea-4863-b89d-1da3265012db\"}, @xrange=[\"I\", \"II\", \"III\"], @yrange=[0, 7]>], :options=>{:width=>700, :xrange=>[\"I\", \"II\", \"III\"], :yrange=>[0, 7]}}>], :data=>{\"c80a88de-f7ea-4863-b89d-1da3265012db\"=>#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(141,211,199)\", :tooltip_contents=>[\"I\", \"I\", \"I\"]}, :data=>\"11bbcb70-b57d-4ae0-83f9-06904e460b0c\"}, @xrange=[1, 5], @yrange=[2, 3]>, #:scatter, :options=>{:x=>:a, :y=>:b, :title=>\"II\", :color=>\"rgb(255,255,179)\", :tooltip_contents=>[\"II\", \"II\"]}, :data=>\"3c02adbf-fd35-40f6-ac50-204b752b15d9\"}, @xrange=[0, 2], @yrange=[0, 1]>, #:scatter, :options=>{:x=>:a, :y=>:b, :title=>\"III\", :color=>\"rgb(190,186,218)\", :tooltip_contents=>[\"III\", \"III\"]}, :data=>\"2bf57fd9-994f-45ef-b957-e0638ab2b6a5\"}, @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(141,211,199)\", :tooltip_contents=>[\"I\", \"I\", \"I\"]}, :data=>\"11bbcb70-b57d-4ae0-83f9-06904e460b0c\"}, @xrange=[1, 5], @yrange=[2, 3]>, #:scatter, :options=>{:x=>:a, :y=>:b, :title=>\"II\", :color=>\"rgb(255,255,179)\", :tooltip_contents=>[\"II\", \"II\"]}, :data=>\"3c02adbf-fd35-40f6-ac50-204b752b15d9\"}, @xrange=[0, 2], @yrange=[0, 1]>, #:scatter, :options=>{:x=>:a, :y=>:b, :title=>\"III\", :color=>\"rgb(190,186,218)\", :tooltip_contents=>[\"III\", \"III\"]}, :data=>\"2bf57fd9-994f-45ef-b957-e0638ab2b6a5\"}, @xrange=[-2, 23], @yrange=[-6, 1]>], :options=>{:legend=>true, :zoom=>true, :width=>800, :xrange=>[-2, 23], :yrange=>[-6, 3]}}>], :data=>{\"11bbcb70-b57d-4ae0-83f9-06904e460b0c\"=>#1, :b=>3}, {:a=>4, :b=>3}, {:a=>5, :b=>2}]>, \"3c02adbf-fd35-40f6-ac50-204b752b15d9\"=>#2, :b=>1}, {:a=>0, :b=>0}]>, \"2bf57fd9-994f-45ef-b957-e0638ab2b6a5\"=>#-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(141,211,199)\", :tooltip_contents=>[\"I\", \"I\", \"I\"]}, :data=>\"11bbcb70-b57d-4ae0-83f9-06904e460b0c\"}, @xrange=[1, 5], @yrange=[2, 3]>, #:scatter, :options=>{:x=>:a, :y=>:b, :title=>\"II\", :color=>\"rgb(255,255,179)\", :tooltip_contents=>[\"II\", \"II\"]}, :data=>\"3c02adbf-fd35-40f6-ac50-204b752b15d9\"}, @xrange=[0, 2], @yrange=[0, 1]>, #:scatter, :options=>{:x=>:a, :y=>:b, :title=>\"III\", :color=>\"rgb(190,186,218)\", :tooltip_contents=>[\"III\", \"III\"]}, :data=>\"2bf57fd9-994f-45ef-b957-e0638ab2b6a5\"}, @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=>\"dbff5fb6-e6db-4ebd-9332-57b474a65e54\"}, @xrange=[1, 5], @yrange=[2, 3]>, #:scatter, :options=>{:x=>:a, :y=>:b, :title=>\"II\", :shape=>\"triangle-up\", :tooltip_contents=>[\"II\", \"II\"]}, :data=>\"f7438853-50c8-4587-b3ad-e44a3ccecee3\"}, @xrange=[0, 2], @yrange=[0, 1]>, #:scatter, :options=>{:x=>:a, :y=>:b, :title=>\"III\", :shape=>\"diamond\", :tooltip_contents=>[\"III\", \"III\"]}, :data=>\"6729e481-43fc-401d-976c-9d3cb1aaf1d6\"}, @xrange=[-2, 23], @yrange=[-6, 1]>], :options=>{:legend=>true, :zoom=>true, :width=>800, :xrange=>[-2, 23], :yrange=>[-6, 3]}}>], :data=>{\"dbff5fb6-e6db-4ebd-9332-57b474a65e54\"=>#1, :b=>3}, {:a=>4, :b=>3}, {:a=>5, :b=>2}]>, \"f7438853-50c8-4587-b3ad-e44a3ccecee3\"=>#2, :b=>1}, {:a=>0, :b=>0}]>, \"6729e481-43fc-401d-976c-9d3cb1aaf1d6\"=>#-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=>\"dbff5fb6-e6db-4ebd-9332-57b474a65e54\"}, @xrange=[1, 5], @yrange=[2, 3]>, #:scatter, :options=>{:x=>:a, :y=>:b, :title=>\"II\", :shape=>\"triangle-up\", :tooltip_contents=>[\"II\", \"II\"]}, :data=>\"f7438853-50c8-4587-b3ad-e44a3ccecee3\"}, @xrange=[0, 2], @yrange=[0, 1]>, #:scatter, :options=>{:x=>:a, :y=>:b, :title=>\"III\", :shape=>\"diamond\", :tooltip_contents=>[\"III\", \"III\"]}, :data=>\"6729e481-43fc-401d-976c-9d3cb1aaf1d6\"}, @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=>\"d164d45f-7ea2-44fc-bc4b-474b24745414\"}, @xrange=[1, 5], @yrange=[2, 3]>, #:scatter, :options=>{:x=>:a, :y=>:b, :title=>\"II\", :color=>:blue, :tooltip_contents=>[\"II\", \"II\"]}, :data=>\"3c8172b9-9f43-43e8-ae38-12a61ad1d278\"}, @xrange=[0, 2], @yrange=[0, 1]>, #:scatter, :options=>{:x=>:a, :y=>:b, :title=>\"III\", :color=>:green, :tooltip_contents=>[\"III\", \"III\"]}, :data=>\"36959333-7bfe-49c2-88bf-d71f54b08ac6\"}, @xrange=[-2, 23], @yrange=[-6, 1]>], :options=>{:legend=>true, :zoom=>true, :width=>800, :xrange=>[-2, 23], :yrange=>[-6, 3]}}>], :data=>{\"d164d45f-7ea2-44fc-bc4b-474b24745414\"=>#1, :b=>3}, {:a=>4, :b=>3}, {:a=>5, :b=>2}]>, \"3c8172b9-9f43-43e8-ae38-12a61ad1d278\"=>#2, :b=>1}, {:a=>0, :b=>0}]>, \"36959333-7bfe-49c2-88bf-d71f54b08ac6\"=>#-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=>\"dbff5fb6-e6db-4ebd-9332-57b474a65e54\"}, @xrange=[1, 5], @yrange=[2, 3]>, #:scatter, :options=>{:x=>:a, :y=>:b, :title=>\"II\", :shape=>\"triangle-up\", :tooltip_contents=>[\"II\", \"II\"]}, :data=>\"f7438853-50c8-4587-b3ad-e44a3ccecee3\"}, @xrange=[0, 2], @yrange=[0, 1]>, #:scatter, :options=>{:x=>:a, :y=>:b, :title=>\"III\", :shape=>\"diamond\", :tooltip_contents=>[\"III\", \"III\"]}, :data=>\"6729e481-43fc-401d-976c-9d3cb1aaf1d6\"}, @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=>\"03dce360-141c-49a8-b967-b5e9c9b0145e\"}, @xrange=[1, 5], @yrange=[2, 3]>, #:scatter, :options=>{:x=>:a, :y=>:b, :title=>\"II\", :size=>600, :tooltip_contents=>[\"II\", \"II\"]}, :data=>\"be7502c6-b1dc-4552-87e8-0f1b2cb2b0ee\"}, @xrange=[0, 2], @yrange=[0, 1]>, #:scatter, :options=>{:x=>:a, :y=>:b, :title=>\"III\", :size=>900, :tooltip_contents=>[\"III\", \"III\"]}, :data=>\"a89f0e60-17fc-497f-8453-d8b73860e12a\"}, @xrange=[-2, 23], @yrange=[-6, 1]>], :options=>{:legend=>true, :zoom=>true, :width=>800, :xrange=>[-2, 23], :yrange=>[-6, 3]}}>], :data=>{\"03dce360-141c-49a8-b967-b5e9c9b0145e\"=>#1, :b=>3}, {:a=>4, :b=>3}, {:a=>5, :b=>2}]>, \"be7502c6-b1dc-4552-87e8-0f1b2cb2b0ee\"=>#2, :b=>1}, {:a=>0, :b=>0}]>, \"a89f0e60-17fc-497f-8453-d8b73860e12a\"=>#-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=>\"03dce360-141c-49a8-b967-b5e9c9b0145e\"}, @xrange=[1, 5], @yrange=[2, 3]>, #:scatter, :options=>{:x=>:a, :y=>:b, :title=>\"II\", :size=>600, :tooltip_contents=>[\"II\", \"II\"]}, :data=>\"be7502c6-b1dc-4552-87e8-0f1b2cb2b0ee\"}, @xrange=[0, 2], @yrange=[0, 1]>, #:scatter, :options=>{:x=>:a, :y=>:b, :title=>\"III\", :size=>900, :tooltip_contents=>[\"III\", \"III\"]}, :data=>\"a89f0e60-17fc-497f-8453-d8b73860e12a\"}, @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=>\"3d8899bd-89c8-431e-beb6-4ad1d937b639\"}, @xrange=[1, 3], @yrange=[2, 6]>, #:line, :options=>{:x=>:a, :y=>:b, :title=>\"II\", :color=>\"rgb(255,255,179)\"}, :data=>\"c196b86d-7426-437b-9cb4-d1e018d43932\"}, @xrange=[4, 6], @yrange=[1, 5]>, #:line, :options=>{:x=>:a, :y=>:b, :title=>\"III\", :color=>\"rgb(190,186,218)\"}, :data=>\"eaf1d9ca-1c65-4e12-abaa-fc083fa3651f\"}, @xrange=[7, 9], @yrange=[3, 6]>], :options=>{:legend=>true, :zoom=>true, :width=>800, :xrange=>[1, 9], :yrange=>[1, 6]}}>], :data=>{\"3d8899bd-89c8-431e-beb6-4ad1d937b639\"=>#1, :b=>2}, {:a=>2, :b=>4}, {:a=>3, :b=>6}]>, \"c196b86d-7426-437b-9cb4-d1e018d43932\"=>#4, :b=>1}, {:a=>5, :b=>3}, {:a=>6, :b=>5}]>, \"eaf1d9ca-1c65-4e12-abaa-fc083fa3651f\"=>#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=>\"9ffcafcb-a80c-4ac1-b45e-d254628426f1\"}, @xrange=[1, 3], @yrange=[2, 6]>, #:line, :options=>{:x=>:a, :y=>:b, :title=>\"II\", :stroke_width=>4}, :data=>\"c695a607-fa12-4774-aaff-09b6f13d04af\"}, @xrange=[4, 6], @yrange=[1, 5]>, #:line, :options=>{:x=>:a, :y=>:b, :title=>\"III\", :stroke_width=>6}, :data=>\"ce8d7a2c-13e9-4066-bc63-7f36705720df\"}, @xrange=[7, 9], @yrange=[3, 6]>], :options=>{:legend=>true, :zoom=>true, :width=>800, :xrange=>[1, 9], :yrange=>[1, 6]}}>], :data=>{\"9ffcafcb-a80c-4ac1-b45e-d254628426f1\"=>#1, :b=>2}, {:a=>2, :b=>4}, {:a=>3, :b=>6}]>, \"c695a607-fa12-4774-aaff-09b6f13d04af\"=>#4, :b=>1}, {:a=>5, :b=>3}, {:a=>6, :b=>5}]>, \"ce8d7a2c-13e9-4066-bc63-7f36705720df\"=>#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=>\"9ffcafcb-a80c-4ac1-b45e-d254628426f1\"}, @xrange=[1, 3], @yrange=[2, 6]>, #:line, :options=>{:x=>:a, :y=>:b, :title=>\"II\", :stroke_width=>4}, :data=>\"c695a607-fa12-4774-aaff-09b6f13d04af\"}, @xrange=[4, 6], @yrange=[1, 5]>, #:line, :options=>{:x=>:a, :y=>:b, :title=>\"III\", :stroke_width=>6}, :data=>\"ce8d7a2c-13e9-4066-bc63-7f36705720df\"}, @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.5.3", "language": "ruby", "name": "ruby" }, "language_info": { "file_extension": ".rb", "mimetype": "application/x-ruby", "name": "ruby", "version": "2.5.3" } }, "nbformat": 4, "nbformat_minor": 2 }