---

permalink: python/bar-chart-stream/

description: Getting Started with Plotly Streaming

title: Bar Chart Streaming Demo

has_thumbnail: true

thumbnail:

has_thumbnail: false

layout: user-guide

page_type: u-guide

language: python

title: Bar Chart Streaming

---

{% raw %}

<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">

<h2 id="Streaming-Bar-Chart-Demo">Streaming Bar Chart Demo<a class="anchor-link" href="#Streaming-Bar-Chart-Demo">&#182;</a></h2>

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

<div class="input">

<div class="prompt input_prompt">In&nbsp;[10]:</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.tools</span> <span class="kn">as</span> <span class="nn">tls</span>

<span class="kn">import</span> <span class="nn">numpy</span> <span class="kn">as</span> <span class="nn">np</span>

<span class="kn">import</span> <span class="nn">time</span>

<span class="kn">from</span> <span class="nn">plotly.graph_objs</span> <span class="kn">import</span> <span class="o">*</span>

<span class="kn">import</span> <span class="nn">numpy</span> <span class="kn">as</span> <span class="nn">np</span>

<span class="n">stream_id</span> <span class="o">=</span> <span class="s">&#39;jkc6d90yfw&#39;</span>

<span class="c"># We can generate a new stream id object</span>

<span class="n">stream</span> <span class="o">=</span> <span class="n">Stream</span><span class="p">(</span>

<span class="n">token</span><span class="o">=</span><span class="n">stream_id</span><span class="p">,</span>

<span class="n">maxpoints</span><span class="o">=</span><span class="mi">80</span>

<span class="p">)</span>

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

<div class="input">

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

<div class="inner_cell">

<div class="input_area">

<div class=" highlight hl-ipython2"><pre><span class="c">#A simple bar chart object is generated</span>

<span class="n">trace1</span> <span class="o">=</span> <span class="n">Bar</span><span class="p">(</span>

<span class="n">x</span><span class="o">=</span><span class="p">[</span><span class="s">&#39;one&#39;</span><span class="p">,</span><span class="s">&#39;two&#39;</span><span class="p">,</span><span class="s">&#39;three&#39;</span><span class="p">,</span><span class="s">&#39;four&#39;</span><span class="p">,</span><span class="s">&#39;five&#39;</span><span class="p">],</span>

<span class="n">y</span><span class="o">=</span><span class="n">np</span><span class="o">.</span><span class="n">array</span><span class="p">([</span><span class="mi">20</span><span class="p">,</span><span class="mi">20</span><span class="p">,</span><span class="mi">20</span><span class="p">,</span><span class="mi">20</span><span class="p">,</span><span class="mi">20</span><span class="p">]),</span>

<span class="n">stream</span><span class="o">=</span><span class="n">stream</span> <span class="c">#we set the stream parameter to the stream id object created earlier </span>

<span class="p">)</span>

<span class="n">data</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">layout</span> <span class="o">=</span> <span class="n">Layout</span><span class="p">(</span><span class="n">title</span><span class="o">=</span><span class="s">&#39;Bar Chart Streaming&#39;</span><span class="p">)</span>

<span class="n">fig</span> <span class="o">=</span> <span class="n">Figure</span><span class="p">(</span><span class="n">data</span><span class="o">=</span><span class="n">data</span><span class="p">,</span> <span class="n">layout</span><span class="o">=</span><span class="n">layout</span><span class="p">)</span>

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

<div class="input">

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

<div class="inner_cell">

<div class="input_area">

<div class=" highlight hl-ipython2"><pre><span class="n">py</span><span class="o">.</span><span class="n">plot</span><span class="p">(</span><span class="n">fig</span><span class="p">,</span> <span class="n">filename</span><span class="o">=</span><span class="s">&#39;bar-chart-streaming&#39;</span><span class="p">)</span> <span class="c">#post this plot up onto the plotly servers</span>

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

<div class="input">

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

<div class="inner_cell">

<div class="input_area">

<div class=" highlight hl-ipython2"><pre><span class="c">#Now a Stream object is created w/ the same stream_id as the stream id object</span>

<span class="n">s</span> <span class="o">=</span> <span class="n">py</span><span class="o">.</span><span class="n">Stream</span><span class="p">(</span><span class="n">stream_id</span><span class="p">)</span>

<span class="n">s</span><span class="o">.</span><span class="n">open</span><span class="p">()</span>

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

<div class="input">

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

<div class="inner_cell">

<div class="input_area">

<div class=" highlight hl-ipython2"><pre><span class="k">while</span> <span class="bp">True</span><span class="p">:</span>

<span class="n">s</span><span class="o">.</span><span class="n">write</span><span class="p">(</span><span class="nb">dict</span><span class="p">(</span><span class="n">x</span><span class="o">=</span><span class="p">[</span><span class="s">&#39;one&#39;</span><span class="p">,</span><span class="s">&#39;two&#39;</span><span class="p">,</span><span class="s">&#39;three&#39;</span><span class="p">,</span><span class="s">&#39;four&#39;</span><span class="p">,</span><span class="s">&#39;five&#39;</span><span class="p">],</span> <span class="n">y</span><span class="o">=</span><span class="n">np</span><span class="o">.</span><span class="n">random</span><span class="o">.</span><span class="n">random_integers</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span><span class="mi">100</span><span class="p">,</span><span class="mi">5</span><span class="p">)))</span>

<span class="n">time</span><span class="o">.</span><span class="n">sleep</span><span class="p">(</span><span class="mf">0.2</span><span class="p">)</span> <span class="c">#wait one second before plotting again</span>

<span class="n">s</span><span class="o">.</span><span class="n">close</span><span class="p">()</span> <span class="c">#close the stream</span>

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

<div class="input">

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

<div class="inner_cell">

<div class="input_area">

<div class=" highlight hl-ipython2"><pre><span class="n">tls</span><span class="o">.</span><span class="n">embed</span><span class="p">(</span><span class="s">&#39;https://plot.ly/~streaming-demos/112/bar-chart-streaming/&#39;</span><span class="p">)</span>

<div class="output_wrapper">

<div class="output">

<div class="output_area"><div class="prompt output_prompt">Out[15]:</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/~streaming-demos/112.embed" height="525" 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">

<div style="float:right; \">

<img src="http://i.imgur.com/4vwuxdJ.png"

align=right style="float:right; margin-left: 5px; margin-top: -10px" />

<h4>Got Questions or Feedback? </h4>

<p>Reach us here at: <a href="https://community.plot.ly" target="_blank">Plotly Community</a></p>

<p><h4> What's going on at Plotly? </h4>

Check out our twitter:

<a href="https://twitter.com/plotlygraphs" target="_blank">@plotlygraphs</a></p>

</div>{% endraw %}