{ "metadata": { "name": "", "signature": "sha256:40e93d3a7a4ba0ad9c142dbcdf33524c51f3e6d0a684a97a7599194d21e5a91a" }, "nbformat": 3, "nbformat_minor": 0, "worksheets": [ { "cells": [ { "cell_type": "heading", "level": 2, "metadata": {}, "source": [ "Trying to include javascript in a notebook" ] }, { "cell_type": "markdown", "metadata": {}, "source": [ "Following http://nbviewer.ipython.org/github/ipython/ipython/blob/1.x/examples/notebooks/Part%205%20-%20Rich%20Display%20System.ipynb and http://nbviewer.ipython.org/gist/fonnesbeck/ad091b81bffda28fd657 , let's try to integrate an interactive D3 plot within a notebook.\n", "\n", "\n" ] }, { "cell_type": "code", "collapsed": false, "input": [ "from IPython.display import IFrame, HTML\n", "from IPython.core.display import display\n" ], "language": "python", "metadata": {}, "outputs": [], "prompt_number": 2 }, { "cell_type": "code", "collapsed": false, "input": [ "s = \"\"\"\n", "\n", "\n", "
\n", "\n", "\n", "\n", "\n", "
\n", "\n", "\"\"\"" ], "language": "python", "metadata": {}, "outputs": [], "prompt_number": 11 }, { "cell_type": "code", "collapsed": false, "input": [ "HTML(s)" ], "language": "python", "metadata": {}, "outputs": [ { "html": [ "\n", "\n", "\n", "
\n", "\n", "\n", "\n", "\n", "
\n", "\n" ], "metadata": {}, "output_type": "pyout", "prompt_number": 12, "text": [ "" ] } ], "prompt_number": 12 }, { "cell_type": "code", "collapsed": false, "input": [ "display(IFrame(\"http://demographics.coopercenter.org/DotMap/index.html\", '800px', '600px'))" ], "language": "python", "metadata": {}, "outputs": [ { "html": [ "\n", " \n", " " ], "metadata": {}, "output_type": "display_data", "text": [ "" ] } ], "prompt_number": 13 }, { "cell_type": "code", "collapsed": false, "input": [ "display(HTML(s))" ], "language": "python", "metadata": {}, "outputs": [ { "html": [ "\n", "\n", "\n", "
\n", "\n", "\n", "\n", "\n", "
\n", "\n" ], "metadata": {}, "output_type": "display_data", "text": [ "" ] } ], "prompt_number": 14 }, { "cell_type": "code", "collapsed": false, "input": [], "language": "python", "metadata": {}, "outputs": [] } ], "metadata": {} } ] }