All of 'em

Graphing

{
 "metadata": {
  "name": "Three new matplotlib plots"
 },
 "nbformat": 3,
 "nbformat_minor": 0,
 "worksheets": [
  {
   "cells": [
    {
     "cell_type": "heading",
     "level": 1,
     "metadata": {},
     "source": "18 Interactive Plots from matplotlib, prettyplotlib, Stack Overflow, and seaborn"
    },
    {
     "cell_type": "markdown",
     "metadata": {},
     "source": "In this Notebook, we'll create interactive Plotly graphs from different Python libraries. It's easy, lets you collaborate, makes a D3 graph with a URL for you, and stores your data and graphs together. You can also always access the data from your graphs or any public Plotly graph. For a full walk-through and documentation, check out our [getting started Notebook](http://nbviewer.ipython.org/github/etpinard/plotly-python-doc/blob/1.0/s0_getting-started/s0_getting-started.ipynb). Let's set up our environment and packages."
    },
    {
     "cell_type": "code",
     "collapsed": false,
     "input": "%matplotlib inline\nimport matplotlib.pyplot as plt # side-stepping mpl backend\nimport matplotlib.gridspec as gridspec # subplots\nimport numpy as np",
     "language": "python",
     "metadata": {},
     "outputs": [],
     "prompt_number": 12
    },
    {
     "cell_type": "code",
     "collapsed": false,
     "input": "import plotly.plotly as py\nimport plotly.tools as tls\nfrom plotly.graph_objs import *\n# py.sign_in(\"IPython.Demo\", \"1fw3zw2o13\")",
     "language": "python",
     "metadata": {},
     "outputs": [],
     "prompt_number": 13
    },
    {
     "cell_type": "code",
     "collapsed": false,
     "input": "# tls.set_credentials_file(\"IPython.Demo\", \"1fw3zw2o13\")\n# tls.get_credentials_file()",
     "language": "python",
     "metadata": {},
     "outputs": [],
     "prompt_number": 14
    },
    {
     "cell_type": "code",
     "collapsed": false,
     "input": "import plotly\nplotly.__version__",
     "language": "python",
     "metadata": {},
     "outputs": [
      {
       "metadata": {},
       "output_type": "pyout",
       "prompt_number": 15,
       "text": "'1.0.0'"
      }
     ],
     "prompt_number": 15
    },
    {
     "cell_type": "heading",
     "level": 2,
     "metadata": {},
     "source": "I. Plotly for Teaching: Software Carpentry Notebook"
    },
    {
     "cell_type": "markdown",
     "metadata": {},
     "source": "These first two are drawn from the [Software Carpentry repo](http://nbviewer.ipython.org/github/swcarpentry/notebooks/blob/master/matplotlib.ipynb). First, we'll draw a matplotlib figure and show both the matplotlib figure and the Plotly graph."
    },
    {
     "cell_type": "code",
     "collapsed": false,
     "input": "fig1 = plt.figure()\n\n#generate some data\nx = np.array(range(20))\ny = 3 + 0.5 * x + np.random.randn(20)\n\n#plot the data\nplt.plot(x, y, 'bo')\n\n#generate a mpl figure and Plotly figure\nplt.show()\npy.iplot_mpl(fig1)",
     "language": "python",
     "metadata": {},
     "outputs": [
      {
       "metadata": {},
       "output_type": "display_data",
       "png": "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\n",
       "text": "<matplotlib.figure.Figure at 0x10e073fd0>"
      },
      {
       "html": "<iframe id=\"igraph\" scrolling=\"no\" style=\"border:none;\"seamless=\"seamless\" src=\"https://plot.ly/~IPython.Demo/3312\" height=\"525\" width=\"100%\"></iframe>",
       "metadata": {},
       "output_type": "display_data",
       "text": "<IPython.core.display.HTML at 0x10e088410>"
      }
     ],
     "prompt_number": 16
    },
    {
     "cell_type": "markdown",
     "metadata": {},
     "source": "Now let's draw another figure. This time, we'll only print the converted Plotly version of the figure. "
    },
    {
     "cell_type": "code",
     "collapsed": false,
     "input": "x = np.array(range(20))\ny = 3 + 0.5 * x + np.random.randn(20)\nz = 2 + 0.9 * x + np.random.randn(20)",
     "language": "python",
     "metadata": {},
     "outputs": [],
     "prompt_number": 17
    },
    {
     "cell_type": "code",
     "collapsed": false,
     "input": "fig2 = plt.figure()\n\n#plot the data\nplt.plot(x, y, 'bo')\nplt.hold(True)\nplt.plot(x, z, 'r^')\n\npy.iplot_mpl(fig2)",
     "language": "python",
     "metadata": {},
     "outputs": [
      {
       "html": "<iframe id=\"igraph\" scrolling=\"no\" style=\"border:none;\"seamless=\"seamless\" src=\"https://plot.ly/~IPython.Demo/3313\" height=\"525\" width=\"100%\"></iframe>",
       "metadata": {},
       "output_type": "display_data",
       "text": "<IPython.core.display.HTML at 0x10e09c4d0>"
      }
     ],
     "prompt_number": 18
    },
    {
     "cell_type": "markdown",
     "metadata": {},
     "source": "One special Plotly feature is that you'll get a URL for your call. The data always lives with the graph. The graph we just made is here:\n\nhttps://plot.ly/~IPython.Demo/3080\n\nAnd I've gone in to make a copy of the graph, and shared the data here:\n\nhttps://plot.ly/~MattSundquist/1190"
    },
    {
     "cell_type": "heading",
     "level": 1,
     "metadata": {},
     "source": "II. matplotlib Gallery graphs"
    },
    {
     "cell_type": "markdown",
     "metadata": {},
     "source": "For matplotlib experts, you'll recognize these graphs from the [matplotlib gallery](matplotlib.org/gallery.html). \n\nIn addition to matplotlib and Plotly's own Python API, You can also use Plotly's other [APIs](https://plot.ly/api) for MATLAB, R, Perl, Julia, and REST to write to graphs. That means you and I could edit the same graph with any language. We can even edit the graph and data from the GUI, so technical and non-technical teams can work together. And all the graphs go to your profile, like this: https://plot.ly/~IPython.Demo.\n\nYou control [the privacy](http://plot.ly/python/privacy) by setting `world_readable` to False or True, and can control your [sharing](http://plot.ly/python/file-sharing)."
    },
    {
     "cell_type": "markdown",
     "metadata": {},
     "source": "Plotly also reads the label types in this [damped oscillation](http://matplotlib.org/examples/pylab_examples/legend_demo2.html) graph."
    },
    {
     "cell_type": "code",
     "collapsed": false,
     "input": "fig3 = plt.figure()\n# Make a legend for specific lines.\nimport matplotlib.pyplot as plt\nimport numpy as np\n\n\nt1 = np.arange(0.0, 2.0, 0.1)\nt2 = np.arange(0.0, 2.0, 0.01)\n\n# note that plot returns a list of lines.  The \"l1, = plot\" usage\n# extracts the first element of the list into l1 using tuple\n# unpacking.  So l1 is a Line2D instance, not a sequence of lines\nl1, = plt.plot(t2, np.exp(-t2))\nl2, l3 = plt.plot(t2, np.sin(2 * np.pi * t2), '--go', t1, np.log(1 + t1), '.')\nl4, = plt.plot(t2, np.exp(-t2) * np.sin(2 * np.pi * t2), 'rs-.')\n\nplt.xlabel('time')\nplt.ylabel('volts')\nplt.title('Damped oscillation')\n\n\npy.iplot_mpl(fig3)",
     "language": "python",
     "metadata": {},
     "outputs": [
      {
       "html": "<iframe id=\"igraph\" scrolling=\"no\" style=\"border:none;\"seamless=\"seamless\" src=\"https://plot.ly/~IPython.Demo/3347\" height=\"525\" width=\"100%\"></iframe>",
       "metadata": {},
       "output_type": "display_data",
       "text": "<IPython.core.display.HTML at 0x110f2f710>"
      }
     ],
     "prompt_number": 59
    },
    {
     "cell_type": "markdown",
     "metadata": {},
     "source": "You can also strip out the matplotlib styling, and use Plotly's default styling."
    },
    {
     "cell_type": "code",
     "collapsed": false,
     "input": "fig = tls.mpl_to_plotly(fig3)\nfig['layout'].update(showlegend=True)\nfig.strip_style()\npy.iplot(fig)",
     "language": "python",
     "metadata": {},
     "outputs": [
      {
       "html": "<iframe id=\"igraph\" scrolling=\"no\" style=\"border:none;\"seamless=\"seamless\" src=\"https://plot.ly/~IPython.Demo/3315\" height=\"525\" width=\"100%\"></iframe>",
       "metadata": {},
       "output_type": "display_data",
       "text": "<IPython.core.display.HTML at 0x10e5f1210>"
      }
     ],
     "prompt_number": 22
    },
    {
     "cell_type": "markdown",
     "metadata": {},
     "source": "Next up, an example from [pylab](http://matplotlib.org/examples/pylab_examples/arctest.html)."
    },
    {
     "cell_type": "code",
     "collapsed": false,
     "input": "fig4 = plt.figure()\n\nfrom pylab import *\n\ndef f(t):\n    'a damped exponential'\n    s1 = cos(2*pi*t)\n    e1 = exp(-t)\n    return multiply(s1,e1)\n\nt1 = arange(0.0, 5.0, .2)\n\n\nl = plot(t1, f(t1), 'ro')\nsetp(l, 'markersize', 30)\nsetp(l, 'markerfacecolor', 'b')\n\npy.iplot_mpl(fig4)",
     "language": "python",
     "metadata": {},
     "outputs": [
      {
       "html": "<iframe id=\"igraph\" scrolling=\"no\" style=\"border:none;\"seamless=\"seamless\" src=\"https://plot.ly/~IPython.Demo/3316\" height=\"525\" width=\"100%\"></iframe>",
       "metadata": {},
       "output_type": "display_data",
       "text": "<IPython.core.display.HTML at 0x10e6ba410>"
      }
     ],
     "prompt_number": 23
    },
    {
     "cell_type": "markdown",
     "metadata": {},
     "source": "Here's where this gets special. You can get the data from any Plotly graph. That means you can re-plot the graph or part of it, or use your favorite Python tools to wrangle and analyze your data. "
    },
    {
     "cell_type": "code",
     "collapsed": false,
     "input": "tls.mpl_to_plotly(fig4).get_data()",
     "language": "python",
     "metadata": {},
     "outputs": [
      {
       "metadata": {},
       "output_type": "pyout",
       "prompt_number": 61,
       "text": "[{'name': '_line0',\n  'x': [0.0,\n   0.20000000000000001,\n   0.40000000000000002,\n   0.60000000000000009,\n   0.80000000000000004,\n   1.0,\n   1.2000000000000002,\n   1.4000000000000001,\n   1.6000000000000001,\n   1.8,\n   2.0,\n   2.2000000000000002,\n   2.4000000000000004,\n   2.6000000000000001,\n   2.8000000000000003,\n   3.0,\n   3.2000000000000002,\n   3.4000000000000004,\n   3.6000000000000001,\n   3.8000000000000003,\n   4.0,\n   4.2000000000000002,\n   4.4000000000000004,\n   4.6000000000000005,\n   4.8000000000000007],\n  'y': [1.0,\n   0.25300171651849518,\n   -0.54230030891302927,\n   -0.44399794031078654,\n   0.13885028597711233,\n   0.36787944117144233,\n   0.09307413008823949,\n   -0.19950113459002566,\n   -0.16333771416280363,\n   0.051080165611754998,\n   0.1353352832366127,\n   0.034240058964379601,\n   -0.073392365906047419,\n   -0.060088587008433003,\n   0.018791342780197139,\n   0.049787068367863944,\n   0.012596213757493282,\n   -0.026999542555766767,\n   -0.022105355809443925,\n   0.0069129486808399343,\n   0.018315638888734179,\n   0.0046338880779826647,\n   -0.0099325766273000524,\n   -0.0081321059420741033,\n   0.0025431316975542792]}]"
      }
     ],
     "prompt_number": 61
    },
    {
     "cell_type": "markdown",
     "metadata": {},
     "source": "Or you can get the string to produce the graph using Plotly."
    },
    {
     "cell_type": "code",
     "collapsed": false,
     "input": "tls.mpl_to_plotly(fig4).to_string(pretty = False)",
     "language": "python",
     "metadata": {},
     "outputs": [
      {
       "metadata": {},
       "output_type": "pyout",
       "prompt_number": 62,
       "text": "\"Figure(\\n    data=Data([\\n        Scatter(\\n            x=[0.0, 0.20000000000000001, 0.40000000000000002, 0.60000000000000009, 0.80000000000000004, 1.0, 1.2000000000000002, 1.4000000000000001, 1.6000000000000001, 1.8, 2.0, 2.2000000000000002, 2.4000000000000004, 2.6000000000000001, 2.8000000000000003, 3.0, 3.2000000000000002, 3.4000000000000004, 3.6000000000000001, 3.8000000000000003, 4.0, 4.2000000000000002, 4.4000000000000004, 4.6000000000000005, 4.8000000000000007],\\n            y=[1.0, 0.25300171651849518, -0.54230030891302927, -0.44399794031078654, 0.13885028597711233, 0.36787944117144233, 0.09307413008823949, -0.19950113459002566, -0.16333771416280363, 0.051080165611754998, 0.1353352832366127, 0.034240058964379601, -0.073392365906047419, -0.060088587008433003, 0.018791342780197139, 0.049787068367863944, 0.012596213757493282, -0.026999542555766767, -0.022105355809443925, 0.0069129486808399343, 0.018315638888734179, 0.0046338880779826647, -0.0099325766273000524, -0.0081321059420741033, 0.0025431316975542792],\\n            name='_line0',\\n            mode='markers',\\n            marker=Marker(\\n                symbol='dot',\\n                line=Line(\\n                    color='#000000',\\n                    width=0\\n                ),\\n                size=30,\\n                color='#0000FF',\\n                opacity=1\\n            )\\n        )\\n    ]),\\n    layout=Layout(\\n        xaxis=XAxis(\\n            domain=[0.0, 1.0],\\n            range=(0.0, 5.0),\\n            showline=True,\\n            ticks='inside',\\n            showgrid=True,\\n            zeroline=False,\\n            anchor='y',\\n            mirror=True\\n        ),\\n        yaxis=YAxis(\\n            domain=[0.0, 1.0],\\n            range=(-0.60000000000000009, 1.2),\\n            showline=True,\\n            ticks='inside',\\n            showgrid=True,\\n            zeroline=False,\\n            anchor='x',\\n            mirror=True\\n        ),\\n        width=480,\\n        height=320,\\n        autosize=False,\\n        margin=Margin(\\n            l=60,\\n            r=47,\\n            b=40,\\n            t=31,\\n            pad=0\\n        ),\\n        hovermode='closest',\\n        showlegend=False\\n    )\\n)\""
      }
     ],
     "prompt_number": 62
    },
    {
     "cell_type": "markdown",
     "metadata": {},
     "source": "You can also plot with Plotly with pandas, NumPy, datetime, and more of your favorite Python tools. We've already imported numpy and matplotlib; here we've kept them in so you can simply copy and paste these examples into your own NB. "
    },
    {
     "cell_type": "code",
     "collapsed": false,
     "input": "fig5 = plt.figure()\n\nimport numpy as np\nimport matplotlib.pyplot as plt\n\n# make a little extra space between the subplots\nplt.subplots_adjust(wspace=0.5)\n\ndt = 0.01\nt = np.arange(0, 30, dt)\nnse1 = np.random.randn(len(t))                 # white noise 1\nnse2 = np.random.randn(len(t))                 # white noise 2\nr = np.exp(-t/0.05)\n\ncnse1 = np.convolve(nse1, r, mode='same')*dt   # colored noise 1\ncnse2 = np.convolve(nse2, r, mode='same')*dt   # colored noise 2\n\n# two signals with a coherent part and a random part\ns1 = 0.01*np.sin(2*np.pi*10*t) + cnse1\ns2 = 0.01*np.sin(2*np.pi*10*t) + cnse2\n\nplt.subplot(211)\nplt.plot(t, s1, 'b-', t, s2, 'g-')\nplt.xlim(0,5)\nplt.xlabel('time')\nplt.ylabel('s1 and s2')\nplt.grid(True)\n\nplt.subplot(212)\ncxy, f = plt.csd(s1, s2, 256, 1./dt)\nplt.ylabel('CSD (db)')\n\npy.iplot_mpl(fig5)",
     "language": "python",
     "metadata": {},
     "outputs": [
      {
       "html": "<iframe id=\"igraph\" scrolling=\"no\" style=\"border:none;\"seamless=\"seamless\" src=\"https://plot.ly/~IPython.Demo/3317\" height=\"525\" width=\"100%\"></iframe>",
       "metadata": {},
       "output_type": "display_data",
       "text": "<IPython.core.display.HTML at 0x10e5ef510>"
      }
     ],
     "prompt_number": 24
    },
    {
     "cell_type": "markdown",
     "metadata": {},
     "source": "Another subplotting example, in this case we're using Plotly's defaults. "
    },
    {
     "cell_type": "code",
     "collapsed": false,
     "input": "fig6 = plt.figure()\n\nfrom pylab import figure, show\nfrom numpy import arange, sin, pi\n\nt = arange(0.0, 1.0, 0.01)\n\nfig = figure(1)\n\nax1 = fig.add_subplot(211)\nax1.plot(t, sin(2*pi*t))\nax1.grid(True)\nax1.set_ylim( (-2,2) )\nax1.set_ylabel('1 Hz')\nax1.set_title('A sine wave or two')\n\nfor label in ax1.get_xticklabels():\n    label.set_color('r')\n\n\nax2 = fig.add_subplot(212)\nax2.plot(t, sin(2*2*pi*t))\nax2.grid(True)\nax2.set_ylim( (-2,2) )\nl = ax2.set_xlabel('Hi mom')\nl.set_color('g')\nl.set_fontsize('large')\n\npy.iplot_mpl(fig6, strip_style = True)",
     "language": "python",
     "metadata": {},
     "outputs": [
      {
       "html": "<iframe id=\"igraph\" scrolling=\"no\" style=\"border:none;\"seamless=\"seamless\" src=\"https://plot.ly/~IPython.Demo/3318\" height=\"525\" width=\"100%\"></iframe>",
       "metadata": {},
       "output_type": "display_data",
       "text": "<IPython.core.display.HTML at 0x10e5f1550>"
      }
     ],
     "prompt_number": 25
    },
    {
     "cell_type": "markdown",
     "metadata": {},
     "source": "From the gallery here we're shwoing [Anscombe's quartet](http://matplotlib.org/examples/pylab_examples/anscombe.html). You  might also like Plotly's [blog post](blog.plot.ly/post/68951620673/why-graph-anscombes-quartet) on the subject."
    },
    {
     "cell_type": "code",
     "collapsed": false,
     "input": "fig7 = plt.figure()\n\nfrom __future__ import print_function\n\"\"\"\nEdward Tufte uses this example from Anscombe to show 4 datasets of x\nand y that have the same mean, standard deviation, and regression\nline, but which are qualitatively different.\n\nmatplotlib fun for a rainy day\n\"\"\"\n\nfrom pylab import *\n\nx =  array([10, 8, 13, 9, 11, 14, 6, 4, 12, 7, 5])\ny1 = array([8.04, 6.95, 7.58, 8.81, 8.33, 9.96, 7.24, 4.26, 10.84, 4.82, 5.68])\ny2 = array([9.14, 8.14, 8.74, 8.77, 9.26, 8.10, 6.13, 3.10, 9.13, 7.26, 4.74])\ny3 = array([7.46, 6.77, 12.74, 7.11, 7.81, 8.84, 6.08, 5.39, 8.15, 6.42, 5.73])\nx4 = array([8,8,8,8,8,8,8,19,8,8,8])\ny4 = array([6.58,5.76,7.71,8.84,8.47,7.04,5.25,12.50,5.56,7.91,6.89])\n\ndef fit(x):\n    return 3+0.5*x\n\n\n\nxfit = array( [amin(x), amax(x) ] )\n\nsubplot(221)\nplot(x,y1,'ks', xfit, fit(xfit), 'r-', lw=2)\naxis([2,20,2,14])\nsetp(gca(), xticklabels=[], yticks=(4,8,12), xticks=(0,10,20))\ntext(3,12, 'I', fontsize=20)\n\nsubplot(222)\nplot(x,y2,'ks', xfit, fit(xfit), 'r-', lw=2)\naxis([2,20,2,14])\nsetp(gca(), xticklabels=[], yticks=(4,8,12), yticklabels=[], xticks=(0,10,20))\ntext(3,12, 'II', fontsize=20)\n\nsubplot(223)\nplot(x,y3,'ks', xfit, fit(xfit), 'r-', lw=2)\naxis([2,20,2,14])\ntext(3,12, 'III', fontsize=20)\nsetp(gca(), yticks=(4,8,12), xticks=(0,10,20))\n\nsubplot(224)\n\nxfit = array([amin(x4),amax(x4)])\nplot(x4,y4,'ks', xfit, fit(xfit), 'r-', lw=2)\naxis([2,20,2,14])\nsetp(gca(), yticklabels=[], yticks=(4,8,12), xticks=(0,10,20))\ntext(3,12, 'IV', fontsize=20)\n\n#verify the stats\npairs = (x,y1), (x,y2), (x,y3), (x4,y4)\nfor x,y in pairs:\n    print ('mean=%1.2f, std=%1.2f, r=%1.2f'%(mean(y), std(y), corrcoef(x,y)[0][1]))\n\npy.iplot_mpl(fig7, strip_style = True)",
     "language": "python",
     "metadata": {},
     "outputs": [
      {
       "output_type": "stream",
       "stream": "stdout",
       "text": "mean=7.50, std=1.94, r=0.82\nmean=7.50, std=1.94, r=0.82\nmean=7.50, std=1.94, r=0.82\nmean=7.50, std=1.94, r=0.82\n"
      },
      {
       "html": "<iframe id=\"igraph\" scrolling=\"no\" style=\"border:none;\"seamless=\"seamless\" src=\"https://plot.ly/~IPython.Demo/3319\" height=\"525\" width=\"100%\"></iframe>",
       "metadata": {},
       "output_type": "display_data",
       "text": "<IPython.core.display.HTML at 0x10f7301d0>"
      }
     ],
     "prompt_number": 26
    },
    {
     "cell_type": "markdown",
     "metadata": {},
     "source": "[histogram](http://matplotlib.org/examples/statistics/histogram_demo_features.html)"
    },
    {
     "cell_type": "code",
     "collapsed": false,
     "input": "fig8 = plt.figure()\n\nimport numpy as np\nimport matplotlib.mlab as mlab\nimport matplotlib.pyplot as plt\n\n\n# example data\nmu = 100 # mean of distribution\nsigma = 15 # standard deviation of distribution\nx = mu + sigma * np.random.randn(10000)\n\nnum_bins = 50\n# the histogram of the data\nn, bins, patches = plt.hist(x, num_bins, normed=1, facecolor='green', alpha=0.5)\n# add a 'best fit' line\ny = mlab.normpdf(bins, mu, sigma)\nplt.plot(bins, y, 'r--')\nplt.xlabel('Smarts')\nplt.ylabel('Probability')\nplt.title(r'Histogram of IQ: $\\mu=100$, $\\sigma=15$')\n\n# Tweak spacing to prevent clipping of ylabel\nplt.subplots_adjust(left=0.15)\n\npy.iplot_mpl(fig8, strip_style = True)",
     "language": "python",
     "metadata": {},
     "outputs": [
      {
       "html": "<iframe id=\"igraph\" scrolling=\"no\" style=\"border:none;\"seamless=\"seamless\" src=\"https://plot.ly/~IPython.Demo/3320\" height=\"525\" width=\"100%\"></iframe>",
       "metadata": {},
       "output_type": "display_data",
       "text": "<IPython.core.display.HTML at 0x10fe0f350>"
      }
     ],
     "prompt_number": 27
    },
    {
     "cell_type": "heading",
     "level": 1,
     "metadata": {},
     "source": "III. Stack Overflow Answers"
    },
    {
     "cell_type": "markdown",
     "metadata": {},
     "source": "We love Stack Overflow, so wanted to show answers to a few questions from there, in Plotly. If you want to plot data you already have as a [histogram](http://stackoverflow.com/questions/5328556/histogram-matplotlib) and make it interactive, try this one out."
    },
    {
     "cell_type": "code",
     "collapsed": false,
     "input": "fig9 = plt.figure()\n\nimport matplotlib.pyplot as plt\nimport numpy as np\n\nmu, sigma = 100, 15\nx = mu + sigma * np.random.randn(10000)\nhist, bins = np.histogram(x, bins=50)\nwidth = 0.7 * (bins[1] - bins[0])\ncenter = (bins[:-1] + bins[1:]) / 2\nplt.bar(center, hist, align='center', width=width)\n\npy.iplot_mpl(fig9, strip_style = True)",
     "language": "python",
     "metadata": {},
     "outputs": [
      {
       "html": "<iframe id=\"igraph\" scrolling=\"no\" style=\"border:none;\"seamless=\"seamless\" src=\"https://plot.ly/~IPython.Demo/3321\" height=\"525\" width=\"100%\"></iframe>",
       "metadata": {},
       "output_type": "display_data",
       "text": "<IPython.core.display.HTML at 0x1100d3a10>"
      }
     ],
     "prompt_number": 28
    },
    {
     "cell_type": "markdown",
     "metadata": {},
     "source": "Here is how to create a [density plot](http://stackoverflow.com/questions/4150171/how-to-create-a-density-plot-in-matplotlib/4152016#4152016) like you might in R, but in matplotlib."
    },
    {
     "cell_type": "code",
     "collapsed": false,
     "input": "fig10 = plt.figure()\n\nimport matplotlib.pyplot as plt\nimport numpy as np\nfrom scipy.stats import gaussian_kde\ndata = [1.5]*7 + [2.5]*2 + [3.5]*8 + [4.5]*3 + [5.5]*1 + [6.5]*8\ndensity = gaussian_kde(data)\nxs = np.linspace(0,8,200)\ndensity.covariance_factor = lambda : .25\ndensity._compute_covariance()\nplt.plot(xs,density(xs))\n\npy.iplot_mpl(fig10, strip_style = True)",
     "language": "python",
     "metadata": {},
     "outputs": [
      {
       "html": "<iframe id=\"igraph\" scrolling=\"no\" style=\"border:none;\"seamless=\"seamless\" src=\"https://plot.ly/~IPython.Demo/3322\" height=\"525\" width=\"100%\"></iframe>",
       "metadata": {},
       "output_type": "display_data",
       "text": "<IPython.core.display.HTML at 0x10fe131d0>"
      }
     ],
     "prompt_number": 29
    },
    {
     "cell_type": "markdown",
     "metadata": {},
     "source": "Drawing a simple example of [different lines for different plots](http://stackoverflow.com/questions/4805048/how-to-get-different-lines-for-different-plots-in-a-single-figure/4805456#4805456) looks like this..."
    },
    {
     "cell_type": "code",
     "collapsed": false,
     "input": "fig11 = plt.figure()\n\nimport matplotlib.pyplot as plt\nimport numpy as np\n\nx = np.arange(10)\n\nplt.plot(x, x)\nplt.plot(x, 2 * x)\nplt.plot(x, 3 * x)\nplt.plot(x, 4 * x)\n\npy.iplot_mpl(fig11, strip_style = True)",
     "language": "python",
     "metadata": {},
     "outputs": [
      {
       "html": "<iframe id=\"igraph\" scrolling=\"no\" style=\"border:none;\"seamless=\"seamless\" src=\"https://plot.ly/~IPython.Demo/3323\" height=\"525\" width=\"100%\"></iframe>",
       "metadata": {},
       "output_type": "display_data",
       "text": "<IPython.core.display.HTML at 0x110297550>"
      }
     ],
     "prompt_number": 30
    },
    {
     "cell_type": "markdown",
     "metadata": {},
     "source": "...and can get more exciting like this."
    },
    {
     "cell_type": "code",
     "collapsed": false,
     "input": "fig12 = plt.figure()\n\nimport matplotlib.pyplot as plt\nimport numpy as np\n\nnum_plots = 10\n\n# Have a look at the colormaps here and decide which one you'd like:\n# http://matplotlib.org/1.2.1/examples/pylab_examples/show_colormaps.html\ncolormap = plt.cm.gist_ncar\nplt.gca().set_color_cycle([colormap(i) for i in np.linspace(0, 0.9, num_plots)])\n\n# Plot several different functions...\nx = np.arange(10)\nlabels = []\nfor i in range(1, num_plots + 1):\n    plt.plot(x, i * x + 5 * i)\n    labels.append(r'$y = %ix + %i$' % (i, 5*i))\n\npy.iplot_mpl(fig12, strip_style = True)",
     "language": "python",
     "metadata": {},
     "outputs": [
      {
       "html": "<iframe id=\"igraph\" scrolling=\"no\" style=\"border:none;\"seamless=\"seamless\" src=\"https://plot.ly/~IPython.Demo/3324\" height=\"525\" width=\"100%\"></iframe>",
       "metadata": {},
       "output_type": "display_data",
       "text": "<IPython.core.display.HTML at 0x1102d43d0>"
      }
     ],
     "prompt_number": 31
    },
    {
     "cell_type": "markdown",
     "metadata": {},
     "source": "Plotly also shows LaTeX if you want to draw [variables as subscripts in math mode](http://stackoverflow.com/questions/23276918/writing-variables-as-subscripts-in-math-mode)."
    },
    {
     "cell_type": "code",
     "collapsed": false,
     "input": "fig13 = plt.figure()\n\nimport matplotlib.pyplot as plt\nimport numpy as np\nimport matplotlib.mlab as mlab\n\nmean = [10,12,16,22,25]\nvariance = [3,6,8,10,12]\n\nx = np.linspace(0,40,1000)\n\nfor i in range(4):\n    sigma = np.sqrt(variance[i])\n    y = mlab.normpdf(x,mean[i],sigma)\n    plt.plot(x,y, label=r'$v_{}$'.format(i+1))\n\nplt.xlabel(\"X\")\nplt.ylabel(\"P(X)\")        \n\npy.iplot_mpl(fig13, strip_style = True)",
     "language": "python",
     "metadata": {},
     "outputs": [
      {
       "html": "<iframe id=\"igraph\" scrolling=\"no\" style=\"border:none;\"seamless=\"seamless\" src=\"https://plot.ly/~IPython.Demo/3325\" height=\"525\" width=\"100%\"></iframe>",
       "metadata": {},
       "output_type": "display_data",
       "text": "<IPython.core.display.HTML at 0x1107c0810>"
      }
     ],
     "prompt_number": 32
    },
    {
     "cell_type": "heading",
     "level": 1,
     "metadata": {},
     "source": "IV. Prettyplotlib graphs in Plotly"
    },
    {
     "cell_type": "markdown",
     "metadata": {},
     "source": "The gallery of [examples](http://nbviewer.ipython.org/github/olgabot/prettyplotlib/blob/master/ipython_notebooks/Examples%20of%20everything%20pretty%20and%20plotted!.ipynb?create=1) we really like from [prettyplotlib](https://github.com/olgabot/prettyplotlib) can be a fun one to make interactive. Here's a scatter; let us know if you make others. You'll note that not all elements of the styling come through. "
    },
    {
     "cell_type": "code",
     "collapsed": false,
     "input": "fig14 = plt.figure()\n\nimport prettyplotlib as ppl\n\n# Set the random seed for consistency\nnp.random.seed(12)\n\n# Show the whole color range\nfor i in range(8):\n    x = np.random.normal(loc=i, size=800)\n    y = np.random.normal(loc=i, size=800)\n    ax = ppl.scatter(x, y, label=str(i))\n    \nppl.legend(ax)\nax.set_title('prettyplotlib `scatter`')\nax.legend().set_visible(False)\n\npy.iplot_mpl(fig14)",
     "language": "python",
     "metadata": {},
     "outputs": [
      {
       "html": "<iframe id=\"igraph\" scrolling=\"no\" style=\"border:none;\"seamless=\"seamless\" src=\"https://plot.ly/~IPython.Demo/3348\" height=\"525\" width=\"100%\"></iframe>",
       "metadata": {},
       "output_type": "display_data",
       "text": "<IPython.core.display.HTML at 0x10e9d6050>"
      }
     ],
     "prompt_number": 60
    },
    {
     "cell_type": "markdown",
     "metadata": {},
     "source": "prettyplotlib again improves on matplotlib's defaults, adding an appealing set of defaults. "
    },
    {
     "cell_type": "code",
     "collapsed": false,
     "input": "fig15 = plt.figure()\n\nimport prettyplotlib as ppl\n\n# Set the random seed for consistency\nnp.random.seed(12)\n\n# Show the whole color range\nfor i in range(8):\n    y = np.random.normal(size=1000).cumsum()\n    x = np.arange(1000)\n\n    # For now, you need to specify both x and y :(\n    # Still figuring out how to specify just one\n    ppl.plot(x, y, label=str(i), linewidth=0.75)\n        \npy.iplot_mpl(fig15)",
     "language": "python",
     "metadata": {},
     "outputs": [
      {
       "html": "<iframe id=\"igraph\" scrolling=\"no\" style=\"border:none;\"seamless=\"seamless\" src=\"https://plot.ly/~IPython.Demo/3346\" height=\"525\" width=\"100%\"></iframe>",
       "metadata": {},
       "output_type": "display_data",
       "text": "<IPython.core.display.HTML at 0x110fc72d0>"
      }
     ],
     "prompt_number": 56
    },
    {
     "cell_type": "heading",
     "level": 1,
     "metadata": {},
     "source": "V. Plotting with seaborn"
    },
    {
     "cell_type": "markdown",
     "metadata": {},
     "source": "Another library we really difg is [seaborn](http://stanford.edu/~mwaskom/software/seaborn/index.html), an awesome project by Michael Waskom. You may need to [import six](http://stackoverflow.com/questions/13967428/importerror-no-module-named-six), which you can do from pip. The styling isn't yet translated to Plotly, so we'll go to Plotly's default settings. "
    },
    {
     "cell_type": "code",
     "collapsed": false,
     "input": "import seaborn as sns\nfrom matplotlylib import fig_to_plotly",
     "language": "python",
     "metadata": {},
     "outputs": [],
     "prompt_number": 44
    },
    {
     "cell_type": "code",
     "collapsed": false,
     "input": "def sinplot(flip=1):\n    x = np.linspace(0, 14, 100)\n    for i in range(1, 7):\n        plt.plot(x, np.sin(x + i * .5) * (7 - i) * flip)",
     "language": "python",
     "metadata": {},
     "outputs": [],
     "prompt_number": 45
    },
    {
     "cell_type": "code",
     "collapsed": false,
     "input": "fig16 = plt.figure()\n\nsns.set_style(\"dark\")\nsinplot()\n\npy.iplot_mpl(fig16, strip_style = True)",
     "language": "python",
     "metadata": {},
     "outputs": [
      {
       "html": "<iframe id=\"igraph\" scrolling=\"no\" style=\"border:none;\"seamless=\"seamless\" src=\"https://plot.ly/~IPython.Demo/3339\" height=\"525\" width=\"100%\"></iframe>",
       "metadata": {},
       "output_type": "display_data",
       "text": "<IPython.core.display.HTML at 0x110fab290>"
      }
     ],
     "prompt_number": 46
    },
    {
     "cell_type": "markdown",
     "metadata": {},
     "source": "You can also run subplots like this."
    },
    {
     "cell_type": "code",
     "collapsed": false,
     "input": "fig17 = plt.figure()\n\nwith sns.axes_style(\"darkgrid\"):\n    plt.subplot(211)\n    sinplot()\nplt.subplot(212)\nsinplot(-1)\n\npy.iplot_mpl(fig17, strip_style = True)",
     "language": "python",
     "metadata": {},
     "outputs": [
      {
       "html": "<iframe id=\"igraph\" scrolling=\"no\" style=\"border:none;\"seamless=\"seamless\" src=\"https://plot.ly/~IPython.Demo/3340\" height=\"525\" width=\"100%\"></iframe>",
       "metadata": {},
       "output_type": "display_data",
       "text": "<IPython.core.display.HTML at 0x111ab4150>"
      }
     ],
     "prompt_number": 47
    },
    {
     "cell_type": "markdown",
     "metadata": {},
     "source": "And a final example, [combining plot types](http://stanford.edu/~mwaskom/software/seaborn/tutorial/plotting_distributions.html#basic-visualization-with-histograms)."
    },
    {
     "cell_type": "code",
     "collapsed": false,
     "input": "import numpy as np\nfrom numpy.random import randn\nimport pandas as pd\nfrom scipy import stats\nimport matplotlib as mpl\nimport matplotlib.pyplot as plt\nimport seaborn as sns",
     "language": "python",
     "metadata": {},
     "outputs": [],
     "prompt_number": 42
    },
    {
     "cell_type": "code",
     "collapsed": false,
     "input": "fig18 = plt.figure()\n\nsns.set_palette(\"hls\")\nmpl.rc(\"figure\", figsize=(8, 4))\ndata = randn(200)\nsns.distplot(data);\n\npy.iplot_mpl(fig18, strip_style = True)",
     "language": "python",
     "metadata": {},
     "outputs": [
      {
       "html": "<iframe id=\"igraph\" scrolling=\"no\" style=\"border:none;\"seamless=\"seamless\" src=\"https://plot.ly/~IPython.Demo/3341\" height=\"525\" width=\"100%\"></iframe>",
       "metadata": {},
       "output_type": "display_data",
       "text": "<IPython.core.display.HTML at 0x110d1f550>"
      }
     ],
     "prompt_number": 48
    },
    {
     "cell_type": "code",
     "collapsed": false,
     "input": "",
     "language": "python",
     "metadata": {},
     "outputs": []
    }
   ],
   "metadata": {}
  }
 ]
}

What about adding a sidebar it? So it would be easier to navigate through the notebook.
Mine is like this:
https://nbviewer.jupyter.org/github/cqcn1991/Wind-Speed-Analysis/blob/master/GMM.ipynb