embed-plotly-irnb.ipynb

{
 "metadata": {
  "name": "",
  "signature": "sha256:89045c5fb6601575136620a7dadf7d040a289626d50b8e469e059eeab077b3fa"
 },
 "nbformat": 3,
 "nbformat_minor": 0,
 "worksheets": [
  {
   "cells": [
    {
     "cell_type": "heading",
     "level": 1,
     "metadata": {},
     "source": [
      "Plotly graphs in IR Notebooks"
     ]
    },
    {
     "cell_type": "markdown",
     "metadata": {},
     "source": [
      "This is the IPython Notebook for R: https://github.com/takluyver/IRkernel\n",
      "\n",
      "On how to get it up and running, see:\n",
      "\n",
      "https://plot.ly/r/user-guide/#VIII.-IPython-installation-and-use"
     ]
    },
    {
     "cell_type": "markdown",
     "metadata": {},
     "source": [
      "You can run R code in the code cells, just like in any other IDE for R."
     ]
    },
    {
     "cell_type": "markdown",
     "metadata": {},
     "source": [
      "You can use the `plotly` package of course."
     ]
    },
    {
     "cell_type": "code",
     "collapsed": false,
     "input": [
      "suppressMessages(devtools::install_github(\"ropensci/plotly\"))"
     ],
     "language": "python",
     "metadata": {},
     "outputs": [],
     "prompt_number": 1
    },
    {
     "cell_type": "code",
     "collapsed": false,
     "input": [
      "library(plotly)"
     ],
     "language": "python",
     "metadata": {},
     "outputs": [
      {
       "output_type": "stream",
       "stream": "stderr",
       "text": [
        "packageStartupMessage in packageStartupMessage(gettextf(\"Loading required package: %s\", : Loading required package: RCurl\n",
        "\n"
       ]
      },
      {
       "output_type": "stream",
       "stream": "stderr",
       "text": [
        "packageStartupMessage in packageStartupMessage(gettextf(\"Loading required package: %s\", : Loading required package: bitops\n",
        "\n"
       ]
      },
      {
       "output_type": "stream",
       "stream": "stderr",
       "text": [
        "packageStartupMessage in packageStartupMessage(gettextf(\"Loading required package: %s\", : Loading required package: RJSONIO\n",
        "\n"
       ]
      },
      {
       "output_type": "stream",
       "stream": "stderr",
       "text": [
        "packageStartupMessage in packageStartupMessage(gettextf(\"Loading required package: %s\", : Loading required package: ggplot2\n",
        "\n"
       ]
      }
     ],
     "prompt_number": 2
    },
    {
     "cell_type": "markdown",
     "metadata": {},
     "source": [
      "For a quick start, see https://plot.ly/r/getting-started/"
     ]
    },
    {
     "cell_type": "code",
     "collapsed": false,
     "input": [
      "py <- plotly()"
     ],
     "language": "python",
     "metadata": {},
     "outputs": [],
     "prompt_number": 3
    },
    {
     "cell_type": "code",
     "collapsed": false,
     "input": [
      "x <- seq(from=0, to=10, by=0.1)\n",
      "y <- 2 * x + 4.5 + runif(x)\n",
      "qplot(x, y)"
     ],
     "language": "python",
     "metadata": {},
     "outputs": [
      {
       "metadata": {},
       "output_type": "pyout",
       "prompt_number": 4,
       "text": []
      },
      {
       "metadata": {},
       "output_type": "display_data",
       "png": "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"
      }
     ],
     "prompt_number": 4
    },
    {
     "cell_type": "heading",
     "level": 3,
     "metadata": {},
     "source": [
      "Interactive session"
     ]
    },
    {
     "cell_type": "markdown",
     "metadata": {},
     "source": [
      "The default behaviour is that of an interactive session.  Typically, this is suitable when you want to work on the plot in the GUI, online."
     ]
    },
    {
     "cell_type": "code",
     "collapsed": false,
     "input": [
      "py$ggplotly()  # Opens a new tab/window in your web browser with corresponding Plotly graph"
     ],
     "language": "python",
     "metadata": {},
     "outputs": [],
     "prompt_number": 5
    },
    {
     "cell_type": "heading",
     "level": 3,
     "metadata": {},
     "source": [
      "Embed interactive graphs in the notebook"
     ]
    },
    {
     "cell_type": "markdown",
     "metadata": {},
     "source": [
      "You may want to embed Plotly graphs here in the notebook.  Maybe you are making a presentation.  Maybe you want to have the plot inline, just to see what it looks like.  Then, you should give argument `session` the value `notebook`."
     ]
    },
    {
     "cell_type": "code",
     "collapsed": false,
     "input": [
      "my_plot <- qplot(x, y)\n",
      "py$ggplotly(my_plot, session=\"notebook\")"
     ],
     "language": "python",
     "metadata": {},
     "outputs": [
      {
       "output_type": "stream",
       "stream": "stderr",
       "text": [
        "packageStartupMessage in packageStartupMessage(gettextf(\"Loading required package: %s\", : Loading required package: IRdisplay\n",
        "\n"
       ]
      },
      {
       "html": [
        "<iframe height=\"525\" id=\"igraph\" scrolling=\"no\" seamless=\"seamless\"\n",
        "\t\t\t\tsrc=\"https://plot.ly/~mkcor/480\" width=\"100%\" frameBorder=\"0\"></iframe>"
       ],
       "metadata": {},
       "output_type": "display_data"
      }
     ],
     "prompt_number": 6
    },
    {
     "cell_type": "markdown",
     "metadata": {},
     "source": [
      "The link that says `data and graph` in the bottom right corner will take you to the social and GUI experience. "
     ]
    },
    {
     "cell_type": "code",
     "collapsed": false,
     "input": [
      "# CSS styling within IPython notebook\n",
      "display_html(getURL(\"https://raw.githubusercontent.com/plotly/python-user-guide/master/custom.css\"))"
     ],
     "language": "python",
     "metadata": {},
     "outputs": [
      {
       "html": [
        "<style>\n",
        "    div.cell{\n",
        "        width: 850px;\n",
        "        margin-left: 10% !important;\n",
        "        margin-right: auto;\n",
        "    }\n",
        "    h1 {\n",
        "        font-family: \"Open sans\",verdana,arial,sans-serif;\n",
        "    }\n",
        "    .text_cell_render h1 {\n",
        "        font-weight: 200;\n",
        "        font-size: 40pt;\n",
        "        line-height: 100%;\n",
        "        color:#447adb;\n",
        "        margin-bottom: 0em;\n",
        "        margin-top: 0em;\n",
        "        display: block;\n",
        "        white-space: nowrap;\n",
        "    } \n",
        "    h2 {\n",
        "        font-family: \"Open sans\",verdana,arial,sans-serif;\n",
        "        text-indent:1em;\n",
        "    }\n",
        "    .text_cell_render h2 {\n",
        "        font-weight: 200;\n",
        "        font-size: 20pt;\n",
        "        font-style: italic;\n",
        "        line-height: 100%;\n",
        "        color:#447adb;\n",
        "        margin-bottom: 1.5em;\n",
        "        margin-top: 0.5em;\n",
        "        display: block;\n",
        "        white-space: nowrap;\n",
        "    } \n",
        "    h3 {\n",
        "        font-family: \"Open sans\",verdana,arial,sans-serif;\n",
        "    }\n",
        "    .text_cell_render h3 {\n",
        "        font-weight: 300;\n",
        "        font-size: 18pt;\n",
        "        line-height: 100%;\n",
        "        color:#447adb;\n",
        "        margin-bottom: 0.5em;\n",
        "        margin-top: 2em;\n",
        "        display: block;\n",
        "        white-space: nowrap;\n",
        "    }\n",
        "    h4 {\n",
        "        font-family: \"Open sans\",verdana,arial,sans-serif;\n",
        "    }\n",
        "    .text_cell_render h4 {\n",
        "        font-weight: 300;\n",
        "        font-size: 16pt;\n",
        "        color:#447adb;\n",
        "        margin-bottom: 0.5em;\n",
        "        margin-top: 0.5em;\n",
        "        display: block;\n",
        "        white-space: nowrap;\n",
        "    }\n",
        "    h5 {\n",
        "        font-family: \"Open sans\",verdana,arial,sans-serif;\n",
        "    }\n",
        "    .text_cell_render h5 {\n",
        "        font-weight: 300;\n",
        "        font-style: normal;\n",
        "        color: #1d3b84;\n",
        "        font-size: 16pt;\n",
        "        margin-bottom: 0em;\n",
        "        margin-top: 1.5em;\n",
        "        display: block;\n",
        "        white-space: nowrap;\n",
        "    }\n",
        "    div.text_cell_render{\n",
        "        font-family: \"Open sans\",verdana,arial,sans-serif;\n",
        "        line-height: 135%;\n",
        "        font-size: 125%;\n",
        "        width:750px;\n",
        "        margin-left:auto;\n",
        "        margin-right:auto;\n",
        "        text-align:justify;\n",
        "        text-justify:inter-word;\n",
        "    }\n",
        "    div.output_subarea.output_text.output_pyout {\n",
        "        overflow-x: auto;\n",
        "        overflow-y: scroll;\n",
        "        max-height: 300px;\n",
        "    }\n",
        "    div.output_subarea.output_stream.output_stdout.output_text {\n",
        "        overflow-x: auto;\n",
        "        overflow-y: scroll;\n",
        "        max-height: 300px;\n",
        "    }\n",
        "    div.output_subarea.output_html.rendered_html {\n",
        "        overflow-x: scroll;\n",
        "        max-width: 100%;\n",
        "      /*  overflow-y: scroll; */\n",
        "      /*  max-height: 300px;   */\n",
        "    }\n",
        "    code{\n",
        "      font-size: 78%;\n",
        "    }\n",
        "    .rendered_html code{\n",
        "        background-color: transparent;\n",
        "        white-space: inherit;   \n",
        "    }\n",
        "    ul{\n",
        "        /* color:#447adb; */  \n",
        "        margin: 2em;\n",
        "    }\n",
        "    ul li{\n",
        "        padding-left: 0.5em; \n",
        "        margin-bottom: 0.5em; \n",
        "        margin-top: 0.5em; \n",
        "    }\n",
        "    ul li li{\n",
        "        padding-left: 0.2em; \n",
        "        margin-bottom: 0.2em; \n",
        "        margin-top: 0.2em; \n",
        "    }\n",
        "    ol{\n",
        "        /* color:#447adb; */  \n",
        "        margin: 2em;\n",
        "    }\n",
        "    ol li{\n",
        "        padding-left: 0.5em; \n",
        "        margin-bottom: 0.5em; \n",
        "        margin-top: 0.5em; \n",
        "    }\n",
        "    /*.prompt{\n",
        "        display: None;\n",
        "    } */\n",
        "    ul li{\n",
        "        padding-left: 0.5em; \n",
        "        margin-bottom: 0.5em; \n",
        "        margin-top: 0.2em; \n",
        "    }\n",
        "    a:link{\n",
        "       font-weight: bold;\n",
        "       color:#447adb;\n",
        "    }\n",
        "    a:visited{\n",
        "       font-weight: bold;\n",
        "       color: #1d3b84;\n",
        "    }\n",
        "    a:hover{\n",
        "       font-weight: bold;\n",
        "       color: #1d3b84;\n",
        "    }\n",
        "    a:focus{\n",
        "       font-weight: bold;\n",
        "       color:#447adb;\n",
        "    }\n",
        "    a:active{\n",
        "       font-weight: bold;\n",
        "       color:#447adb;\n",
        "    }\n",
        "    .rendered_html :link {\n",
        "       text-decoration: none; \n",
        "    }\n",
        "    .rendered_html :hover {\n",
        "       text-decoration: none; \n",
        "    }\n",
        "    .rendered_html :visited {\n",
        "      text-decoration: none;\n",
        "    }\n",
        "    .rendered_html :focus {\n",
        "      text-decoration: none;\n",
        "    }\n",
        "    .rendered_html :active {\n",
        "      text-decoration: none;\n",
        "    }\n",
        "    .warning{\n",
        "        color: rgb( 240, 20, 20 )\n",
        "    } \n",
        "    hr {\n",
        "      color: #f3f3f3;\n",
        "      background-color: #f3f3f3;\n",
        "      height: 1px;\n",
        "    }\n",
        "    blockquote{\n",
        "      display:block;\n",
        "      background: #f3f3f3;\n",
        "      font-family: \"Open sans\",verdana,arial,sans-serif;\n",
        "      width:610px;\n",
        "      padding: 15px 15px 15px 15px;\n",
        "      text-align:justify;\n",
        "      text-justify:inter-word;\n",
        "      }\n",
        "      blockquote p {\n",
        "        margin-bottom: 0;\n",
        "        line-height: 125%;\n",
        "        font-size: 100%;\n",
        "        text-align: center;\n",
        "      }\n",
        "   /* element.style {\n",
        "    } */  \n",
        "</style>\n",
        "<script>\n",
        "    MathJax.Hub.Config({\n",
        "                        TeX: {\n",
        "                           extensions: [\"AMSmath.js\"]\n",
        "                           },\n",
        "                tex2jax: {\n",
        "                    inlineMath: [ [\"$\",\"$\"], [\"\\\\(\",\"\\\\)\"] ],\n",
        "                    displayMath: [ [\"$$\",\"$$\"], [\"\\\\[\",\"\\\\]\"] ]\n",
        "                },\n",
        "                displayAlign: \"center\", // Change this to \"center\" to center equations.\n",
        "                \"HTML-CSS\": {\n",
        "                    styles: {\".MathJax_Display\": {\"margin\": 4}}\n",
        "                }\n",
        "        });\n",
        "</script>\n"
       ],
       "metadata": {},
       "output_type": "display_data"
      }
     ],
     "prompt_number": 7
    }
   ],
   "metadata": {}
  }
 ]
}