2015-05-25-ipython-notebooks_getting-started.html

---
name: Plotly Graphing Library
permalink: /python/v3/ipython-notebooks/getting-started/
description: Get started with IPython notebooks and Plotly for inline interactive graphing.
language: python/v3
layout: base
redirect_from:
  - /python/ipython-notebooks/
  - /ipython-notebooks/getting-started/
---

    <h2>Getting started</h2>
    <p>
        Instructions on how to install Plotly's Python package can be found on the <a class="no_underline plot-blue" href="/python/getting-started">Plotly for Python getting started page</a>.
    </p>

    <section class="section">
    <div class="content-box">
      <h2 >Creating an interactive graph inside IPython notebook</h2>
        <pre><code><!--
-->import plotly.plotly as py
from plotly.graph_objs import *

trace0 = Scatter(
  x=[1, 2, 3, 4],
  y=[10, 15, 13, 17]
)
trace1 = Scatter(
  x=[1, 2, 3, 4],
  y=[16, 5, 11, 9]
)
data = Data([trace0, trace1])

py.iplot(data, filename = 'basic-line')</code></pre>
        </div>
    </section>

    <section class="section">
        <div class="content-box">
          <h2 >Converting a matplotlib graph into an interactive graph inside an IPython notebook</h2>
          <pre><code class="python"><!--
-->import matplotlib.pyplot as plt
import numpy as np
import plotly.plotly as py

n = 50
x, y, z, s, ew = np.random.rand(5, n)
c, ec = np.random.rand(2, n, 4)
area_scale, width_scale = 500, 5

fig, ax = plt.subplots()
sc = ax.scatter(x, y, c=c,
                s=np.square(s)*area_scale,
                edgecolor=ec,
                linewidth=ew*width_scale)
ax.grid()

py.iplot_mpl(fig)</code></pre>
        </div>
      </section>

      <section class="section">
        <div class="content-box">
          <h2 >Embedding a Plotly graph inside an IPython notebook</h2>
            <pre><code class="python"><!--
-->import plotly.tools as tls

tls.embed("https://plotly.com/~streaming-demos/4")</code></pre>
        </div>
      </section>

    <div class="row btnrow">
        <a href="/ipython-notebooks/gallery" class="button">Notebook Gallery</a>
    </div>