---

description: Analytical Apps with Dash

display_as: file_settings

language: python

layout: base

name: Analytical Apps with Dash

order: 5

page_type: example_index

permalink: https://dash.plotly.com/

sitemap: False

thumbnail: thumbnail/dash_apps.png

---

{% raw %}

<divclass="cell border-box-sizing text_cell rendered"><divclass="prompt input_prompt">

</div><divclass="inner_cell">

<divclass="text_cell_render border-box-sizing rendered_html">

<divclass="cell border-box-sizing text_cell rendered"><divclass="prompt input_prompt">

</div><divclass="inner_cell">

<divclass="text_cell_render border-box-sizing rendered_html">

<h3id="What-About-Dash?">What About Dash?<aclass="anchor-link"href="#What-About-Dash?">&#182;</a></h3><p><ahref="https://dash.plot.ly/">Dash</a> is an open-source framework for building analytical applications, with no Javascript required, and it is tightly integrated with the Plotly graphing library.</p>

<p>Learn about how to install Dash at<ahref="https://dash.plot.ly/installation">https://dash.plot.ly/installation</a>.</p>

<p>Everywhere in this page that you see<code>fig.show()</code>, you can display the same figure in a Dash application by passing it to the<code>figure</code> argument of the<ahref="https://dash.plot.ly/dash-core-components/graph"><code>Graph</code> component</a> from the built-in<code>dash_core_components</code> package like this:</p>

<divclass="highlight"><pre><span></span><spanclass="kn">import</span><spanclass="w"></span><spanclass="nn">plotly.graph_objects</span><spanclass="w"></span><spanclass="k">as</span><spanclass="w"></span><spanclass="nn">go</span><spanclass="c1"># or plotly.express as px</span>

<spanclass="n">fig</span><spanclass="o">=</span><spanclass="n">go</span><spanclass="o">.</span><spanclass="n">Figure</span><spanclass="p">()</span><spanclass="c1"># or any Plotly Express function e.g. px.bar(...)</span>

<spanclass="c1"># fig.add_trace( ... )</span>

<spanclass="c1"># fig.update_layout( ... )</span>

<spanclass="kn">from</span><spanclass="w"></span><spanclass="nn">dash</span><spanclass="w"></span><spanclass="kn">import</span><spanclass="n">Dash</span><spanclass="p">,</span><spanclass="n">dcc</span><spanclass="p">,</span><spanclass="n">html</span>

<spanclass="n">app</span><spanclass="o">=</span><spanclass="n">Dash</span><spanclass="p">()</span>

<spanclass="n">app</span><spanclass="o">.</span><spanclass="n">layout</span><spanclass="o">=</span><spanclass="n">html</span><spanclass="o">.</span><spanclass="n">Div</span><spanclass="p">([</span>

<spanclass="n">dcc</span><spanclass="o">.</span><spanclass="n">Graph</span><spanclass="p">(</span><spanclass="n">figure</span><spanclass="o">=</span><spanclass="n">fig</span><spanclass="p">)</span>

<spanclass="p">])</span>

<spanclass="n">app</span><spanclass="o">.</span><spanclass="n">run</span><spanclass="p">(</span><spanclass="n">debug</span><spanclass="o">=</span><spanclass="kc">True</span><spanclass="p">,</span><spanclass="n">use_reloader</span><spanclass="o">=</span><spanclass="kc">False</span><spanclass="p">)</span><spanclass="c1"># Turn off reloader if inside Jupyter</span>

{% endraw %}