order: 32

<div class="prompt input_prompt">In&nbsp;[1]:</div>

<div class="output_area"><div class="prompt output_prompt">Out[1]:</div>

<div class="cell border-box-sizing code_cell rendered">

<div class="input">

<div class="prompt input_prompt">In&nbsp;[19]:</div>

<div class="inner_cell">

<div class="input_area">

<div class=" highlight hl-ipython2"><pre><span class="kn">import</span> <span class="nn">plotly.plotly</span> <span class="kn">as</span> <span class="nn">py</span>

<span class="kn">import</span> <span class="nn">plotly.graph_objs</span> <span class="kn">as</span> <span class="nn">go</span>

<span class="kn">from</span> <span class="nn">plotly.tools</span> <span class="kn">import</span> <span class="n">FigureFactory</span> <span class="k">as</span> <span class="n">FF</span>

<span class="c"># Add table data</span>

<span class="n">table_data</span> <span class="o">=</span> <span class="p">[[</span><span class="s">&#39;Team&#39;</span><span class="p">,</span> <span class="s">&#39;Wins&#39;</span><span class="p">,</span> <span class="s">&#39;Losses&#39;</span><span class="p">,</span> <span class="s">&#39;Ties&#39;</span><span class="p">],</span>

<span class="p">[</span><span class="s">&#39;Montréal&lt;br&gt;Canadiens&#39;</span><span class="p">,</span> <span class="mi">18</span><span class="p">,</span> <span class="mi">4</span><span class="p">,</span> <span class="mi">0</span><span class="p">],</span>

<span class="p">[</span><span class="s">&#39;Dallas Stars&#39;</span><span class="p">,</span> <span class="mi">18</span><span class="p">,</span> <span class="mi">5</span><span class="p">,</span> <span class="mi">0</span><span class="p">],</span>

<span class="p">[</span><span class="s">&#39;NY Rangers&#39;</span><span class="p">,</span> <span class="mi">16</span><span class="p">,</span> <span class="mi">5</span><span class="p">,</span> <span class="mi">0</span><span class="p">],</span>

<span class="p">[</span><span class="s">&#39;Boston&lt;br&gt;Bruins&#39;</span><span class="p">,</span> <span class="mi">13</span><span class="p">,</span> <span class="mi">8</span><span class="p">,</span> <span class="mi">0</span><span class="p">],</span>

<span class="p">[</span><span class="s">&#39;Chicago&lt;br&gt;Blackhawks&#39;</span><span class="p">,</span> <span class="mi">13</span><span class="p">,</span> <span class="mi">8</span><span class="p">,</span> <span class="mi">0</span><span class="p">],</span>

<span class="p">[</span><span class="s">&#39;Ottawa&lt;br&gt;Senators&#39;</span><span class="p">,</span> <span class="mi">12</span><span class="p">,</span> <span class="mi">5</span><span class="p">,</span> <span class="mi">0</span><span class="p">]]</span>

<span class="c"># Initialize a figure with FF.create_table(table_data)</span>

<span class="n">figure</span> <span class="o">=</span> <span class="n">FF</span><span class="o">.</span><span class="n">create_table</span><span class="p">(</span><span class="n">table_data</span><span class="p">,</span> <span class="n">height_constant</span><span class="o">=</span><span class="mi">60</span><span class="p">)</span>

<span class="c"># Add graph data</span>

<span class="n">teams</span> <span class="o">=</span> <span class="p">[</span><span class="s">&#39;Montréal Canadiens&#39;</span><span class="p">,</span> <span class="s">&#39;Dallas Stars&#39;</span><span class="p">,</span> <span class="s">&#39;NY Rangers&#39;</span><span class="p">,</span>

<span class="s">&#39;Boston Bruins&#39;</span><span class="p">,</span> <span class="s">&#39;Chicago Blackhawks&#39;</span><span class="p">,</span> <span class="s">&#39;Ottawa Senators&#39;</span><span class="p">]</span>

<span class="n">GFPG</span> <span class="o">=</span> <span class="p">[</span><span class="mf">3.54</span><span class="p">,</span> <span class="mf">3.48</span><span class="p">,</span> <span class="mf">3.0</span><span class="p">,</span> <span class="mf">3.27</span><span class="p">,</span> <span class="mf">2.83</span><span class="p">,</span> <span class="mf">2.45</span><span class="p">,</span> <span class="mf">3.18</span><span class="p">]</span>

<span class="n">GAPG</span> <span class="o">=</span> <span class="p">[</span><span class="mf">2.17</span><span class="p">,</span> <span class="mf">2.57</span><span class="p">,</span> <span class="mf">2.0</span><span class="p">,</span> <span class="mf">2.91</span><span class="p">,</span> <span class="mf">2.57</span><span class="p">,</span> <span class="mf">2.14</span><span class="p">,</span> <span class="mf">2.77</span><span class="p">]</span>

<span class="c"># Make traces for graph</span>

<span class="n">trace1</span> <span class="o">=</span> <span class="n">go</span><span class="o">.</span><span class="n">Scatter</span><span class="p">(</span><span class="n">x</span><span class="o">=</span><span class="n">teams</span><span class="p">,</span> <span class="n">y</span><span class="o">=</span><span class="n">GFPG</span><span class="p">,</span> <span class="nb">type</span><span class="o">=</span><span class="s">&#39;bar&#39;</span><span class="p">,</span>

<span class="n">marker</span><span class="o">=</span><span class="nb">dict</span><span class="p">(</span><span class="n">color</span><span class="o">=</span><span class="s">&#39;#0099ff&#39;</span><span class="p">),</span>

<span class="n">name</span><span class="o">=</span><span class="s">&#39;Goals For&lt;br&gt;Per Game&#39;</span><span class="p">,</span>

<span class="n">xaxis</span><span class="o">=</span><span class="s">&#39;x2&#39;</span><span class="p">,</span> <span class="n">yaxis</span><span class="o">=</span><span class="s">&#39;y2&#39;</span><span class="p">)</span>

<span class="n">trace2</span> <span class="o">=</span> <span class="n">go</span><span class="o">.</span><span class="n">Scatter</span><span class="p">(</span><span class="n">x</span><span class="o">=</span><span class="n">teams</span><span class="p">,</span> <span class="n">y</span><span class="o">=</span><span class="n">GAPG</span><span class="p">,</span> <span class="nb">type</span><span class="o">=</span><span class="s">&#39;bar&#39;</span><span class="p">,</span>

<span class="n">marker</span><span class="o">=</span><span class="nb">dict</span><span class="p">(</span><span class="n">color</span><span class="o">=</span><span class="s">&#39;#404040&#39;</span><span class="p">),</span>

<span class="n">name</span><span class="o">=</span><span class="s">&#39;Goals Against&lt;br&gt;Per Game&#39;</span><span class="p">,</span>

<span class="n">xaxis</span><span class="o">=</span><span class="s">&#39;x2&#39;</span><span class="p">,</span> <span class="n">yaxis</span><span class="o">=</span><span class="s">&#39;y2&#39;</span><span class="p">)</span>

<span class="c"># Add trace data to figure</span>

<span class="n">figure</span><span class="p">[</span><span class="s">&#39;data&#39;</span><span class="p">]</span><span class="o">.</span><span class="n">extend</span><span class="p">(</span><span class="n">go</span><span class="o">.</span><span class="n">Data</span><span class="p">([</span><span class="n">trace1</span><span class="p">,</span> <span class="n">trace2</span><span class="p">]))</span>

<span class="c"># Edit layout for subplots</span>

<span class="n">figure</span><span class="o">.</span><span class="n">layout</span><span class="o">.</span><span class="n">yaxis</span><span class="o">.</span><span class="n">update</span><span class="p">({</span><span class="s">&#39;domain&#39;</span><span class="p">:</span> <span class="p">[</span><span class="mi">0</span><span class="p">,</span> <span class="o">.</span><span class="mi">45</span><span class="p">]})</span>

<span class="n">figure</span><span class="o">.</span><span class="n">layout</span><span class="o">.</span><span class="n">yaxis2</span><span class="o">.</span><span class="n">update</span><span class="p">({</span><span class="s">&#39;domain&#39;</span><span class="p">:</span> <span class="p">[</span><span class="o">.</span><span class="mi">6</span><span class="p">,</span> <span class="mi">1</span><span class="p">]})</span>

<span class="c"># The graph&#39;s yaxis2 MUST BE anchored to the graph&#39;s xaxis2 and vice versa</span>

<span class="n">figure</span><span class="o">.</span><span class="n">layout</span><span class="o">.</span><span class="n">yaxis2</span><span class="o">.</span><span class="n">update</span><span class="p">({</span><span class="s">&#39;anchor&#39;</span><span class="p">:</span> <span class="s">&#39;x2&#39;</span><span class="p">})</span>

<span class="n">figure</span><span class="o">.</span><span class="n">layout</span><span class="o">.</span><span class="n">xaxis2</span><span class="o">.</span><span class="n">update</span><span class="p">({</span><span class="s">&#39;anchor&#39;</span><span class="p">:</span> <span class="s">&#39;y2&#39;</span><span class="p">})</span>

<span class="n">figure</span><span class="o">.</span><span class="n">layout</span><span class="o">.</span><span class="n">yaxis2</span><span class="o">.</span><span class="n">update</span><span class="p">({</span><span class="s">&#39;title&#39;</span><span class="p">:</span> <span class="s">&#39;Goals&#39;</span><span class="p">})</span>

<span class="c"># Update the margins to add a title and see graph x-labels. </span>

<span class="n">figure</span><span class="o">.</span><span class="n">layout</span><span class="o">.</span><span class="n">margin</span><span class="o">.</span><span class="n">update</span><span class="p">({</span><span class="s">&#39;t&#39;</span><span class="p">:</span><span class="mi">75</span><span class="p">,</span> <span class="s">&#39;l&#39;</span><span class="p">:</span><span class="mi">50</span><span class="p">})</span>

<span class="n">figure</span><span class="o">.</span><span class="n">layout</span><span class="o">.</span><span class="n">update</span><span class="p">({</span><span class="s">&#39;title&#39;</span><span class="p">:</span> <span class="s">&#39;2016 Hockey Stats&#39;</span><span class="p">})</span>

<span class="c"># Update the height because adding a graph vertically will interact with</span>

<span class="c"># the plot height calculated for the table</span>

<span class="n">figure</span><span class="o">.</span><span class="n">layout</span><span class="o">.</span><span class="n">update</span><span class="p">({</span><span class="s">&#39;height&#39;</span><span class="p">:</span><span class="mi">800</span><span class="p">})</span>

<span class="c"># Plot!</span>

<span class="n">py</span><span class="o">.</span><span class="n">iplot</span><span class="p">(</span><span class="n">figure</span><span class="p">,</span> <span class="n">filename</span><span class="o">=</span><span class="s">&#39;subplot_table&#39;</span><span class="p">)</span>

<div class="output_wrapper">

<div class="output">

<div class="output_area"><div class="prompt output_prompt">Out[19]:</div>

<div class="output_html rendered_html output_subarea output_execute_result">

<iframe id="igraph" scrolling="no" style="border:none;"seamless="seamless" src="https://plot.ly/~chelsea_lyn/9584.embed" height="800px" width="100%"></iframe>

<div class="cell border-box-sizing text_cell rendered">

<div class="prompt input_prompt">

<div class="inner_cell">

<div class="text_cell_render border-box-sizing rendered_html">

"execution_count": 21,

"execution_count": 21,

{

"cell_type": "code",

"execution_count": 22,

"metadata": {

"collapsed": false

},

"outputs": [

{

"data": {

"text/html": [

"<iframe id=\"igraph\" scrolling=\"no\" style=\"border:none;\"seamless=\"seamless\" src=\"https://plot.ly/~chelsea_lyn/9925.embed\" height=\"800px\" width=\"100%\"></iframe>"

],

"text/plain": [

"<plotly.tools.PlotlyDisplay object>"

]

},

"execution_count": 22,

"metadata": {},

"output_type": "execute_result"

}

],

"source": [

"import plotly.plotly as py\n",

"import plotly.graph_objs as go\n",

"from plotly.tools import FigureFactory as FF\n",

"\n",

"# Add table data\n",

"table_data = [['Team', 'Wins', 'Losses', 'Ties'],\n",

" ['Montréal<br>Canadiens', 18, 4, 0],\n",

" ['Dallas Stars', 18, 5, 0],\n",

" ['NY Rangers', 16, 5, 0], \n",

" ['Boston<br>Bruins', 13, 8, 0],\n",

" ['Chicago<br>Blackhawks', 13, 8, 0],\n",

" ['Ottawa<br>Senators', 12, 5, 0]]\n",

"# Initialize a figure with FF.create_table(table_data)\n",

"figure = FF.create_table(table_data, height_constant=60)\n",

"\n",

"# Add graph data\n",

"teams = ['Montréal Canadiens', 'Dallas Stars', 'NY Rangers',\n",

" 'Boston Bruins', 'Chicago Blackhawks', 'Ottawa Senators']\n",

"GFPG = [3.54, 3.48, 3.0, 3.27, 2.83, 2.45, 3.18]\n",

"GAPG = [2.17, 2.57, 2.0, 2.91, 2.57, 2.14, 2.77]\n",

"# Make traces for graph\n",

"trace1 = go.Scatter(x=teams, y=GFPG, type='bar',\n",

" marker=dict(color='#0099ff'),\n",

" name='Goals For<br>Per Game',\n",

" xaxis='x2', yaxis='y2')\n",

"trace2 = go.Scatter(x=teams, y=GAPG, type='bar',\n",

" marker=dict(color='#404040'),\n",

" name='Goals Against<br>Per Game',\n",

" xaxis='x2', yaxis='y2')\n",

"\n",

"# Add trace data to figure\n",

"figure['data'].extend(go.Data([trace1, trace2]))\n",

"\n",

"# Edit layout for subplots\n",

"figure.layout.yaxis.update({'domain': [0, .45]})\n",

"figure.layout.yaxis2.update({'domain': [.6, 1]})\n",

"# The graph's yaxis2 MUST BE anchored to the graph's xaxis2 and vice versa\n",

"figure.layout.yaxis2.update({'anchor': 'x2'})\n",

"figure.layout.xaxis2.update({'anchor': 'y2'})\n",

"figure.layout.yaxis2.update({'title': 'Goals'})\n",

"# Update the margins to add a title and see graph x-labels. \n",

"figure.layout.margin.update({'t':75, 'l':50})\n",

"figure.layout.update({'title': '2016 Hockey Stats'})\n",

"# Update the height because adding a graph vertically will interact with\n",

"# the plot height calculated for the table\n",

"figure.layout.update({'height':800})\n",

"\n",

"# Plot!\n",

"py.iplot(figure, filename='subplot_table_vertical')\n"

]

},

{

"cell_type": "markdown",

"metadata": {},

"source": [

" "

]

},

"execution_count": 23,

"execution_count": 24,

" page_type='example_index', has_thumbnail='true', display_as='chart_type', order=32) "