2019-07-03-embedding-charts.html

---
description: How to embed plotly graphs with an iframe in HTML.
display_as: chart_studio
language: python
layout: base
name: Embedding Graphs in HTML
order: 5
permalink: python/embedding-plotly-graphs-in-HTML/
thumbnail: thumbnail/embed.jpg
v4upgrade: True
---

{% raw %}
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.2/require.js"></script>
<div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt">
</div>
<div class="inner_cell">
<div class="text_cell_render border-box-sizing rendered_html">
<p>Plotly graphs can be embedded in any HTML page. This includes <a href="https://plotly.com/ipython-notebooks/">IPython notebooks</a>, <a href="https://wordpress.org/plugins/wp-plotly">Wordpress sites</a>, dashboards, blogs, and more.</p>
<p>For more on embedding Plotly graphs in HTML documents, <a href="https://plotly.com/python/interactive-html-export/">see our tutorial</a>.</p>
<p>From Python, you can generate the HTML code to embed Plotly graphs with the <code>plotly.tools.get_embed</code> function.</p>

</div>
</div>
</div>
<div class="cell border-box-sizing code_cell rendered">
<div class="input">
<div class="prompt input_prompt">In&nbsp;[1]:</div>
<div class="inner_cell">
    <div class="input_area">
<div class=" highlight hl-ipython3"><pre><span></span><span class="kn">import</span> <span class="nn">chart_studio.tools</span> <span class="k">as</span> <span class="nn">tls</span>

<span class="n">tls</span><span class="o">.</span><span class="n">get_embed</span><span class="p">(</span><span class="s1">&#39;https://plotly.com/~chris/1638&#39;</span><span class="p">)</span>
</pre></div>

</div>
</div>
</div>

<div class="output_wrapper">
<div class="output">


<div class="output_area">

<div class="prompt output_prompt">Out[1]:</div>




<div class="output_text output_subarea output_execute_result">
<pre>&#39;&lt;iframe id=&#34;igraph&#34; scrolling=&#34;no&#34; style=&#34;border:none;&#34; seamless=&#34;seamless&#34; src=&#34;https://plotly.com/~chris/1638.embed&#34; height=&#34;525&#34; width=&#34;100%&#34;&gt;&lt;/iframe&gt;&#39;</pre>
</div>

</div>

</div>
</div>

</div>

 


{% endraw %}