title: How to add multiple graphs to Dash app on a single browser page?
body: <p><img src="https://i.stack.imgur.com/7OQsr.png" alt="enter image description here" /></p>
  <p>How do I add multiple graphs show in in picture on a same page? I am trying to add html.Div components to following code to update the page layout to add more graphs like that on single page, but these newly added graphs do not get shown on a page, only old graph is shown in picture is visible. What element should I modify, to let's say to add graph shown in uploaded image 3 times on single page of dash app on browser?</p>
  <pre><code>
  import dash
  import dash_core_components as dcc
  import dash_html_components as html
  i[enter image description here][1]mport plotly.express as px
  import pandas as pd
  
  external_stylesheets = ['https://codepen.io/chriddyp/pen/bWLwgP.css']
  
  app = dash.Dash(__name__, external_stylesheets=external_stylesheets)
  
  # assume you have a &quot;long-form&quot; data frame
  # see https://plotly.com/python/px-arguments/ for more options
  df = pd.DataFrame({
      &quot;Fruit&quot;: [&quot;Apples&quot;, &quot;Oranges&quot;, &quot;Bananas&quot;, &quot;Apples&quot;, &quot;Oranges&quot;, &quot;Bananas&quot;],
      &quot;Amount&quot;: [4, 1, 2, 2, 4, 5],
      &quot;City&quot;: [&quot;SF&quot;, &quot;SF&quot;, &quot;SF&quot;, &quot;Montreal&quot;, &quot;Montreal&quot;, &quot;Montreal&quot;]
  })
  
  fig = px.bar(df, x=&quot;Fruit&quot;, y=&quot;Amount&quot;, color=&quot;City&quot;, barmode=&quot;group&quot;)
  
  app.layout = html.Div(children=[
      html.H1(children='Hello Dash'),
  
      html.Div(children='''
          Dash: A web application framework for Python.
      '''),
  
      dcc.Graph(
          id='example-graph',
          figure=fig
      )
  ])
  
  if __name__ == '__main__':
      app.run_server(debug=True)
  </code></pre>