text: # -*- coding: utf-8 -*-
  
  # Run this app with `python app.py` and
  # visit http://127.0.0.1:8050/ in your web browser.
  
  from dash_app.chart import create_chart_app
  import dash
  import dash_core_components as dcc
  import dash_html_components as html
  import 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 "long-form" data frame
  # see https://plotly.com/python/px-arguments/ for more options
  df = pd.DataFrame({
      "Fruit": ["Apples", "Oranges", "Bananas", "Apples", "Oranges", "Bananas"],
      "Amount": [4, 1, 2, 2, 4, 5],
      "City": ["SF", "SF", "SF", "Montreal", "Montreal", "Montreal"]
  })
  
  fig = px.bar(df, x="Fruit", y="Amount", color="City", barmode="group")
  
  def create_dash_application(flask_app):
      dash_app = dash.Dash(server = flask_app, name = "Dashboard", url_base_pathname='/graph/')
      #dash_app = dash.Dash(server = flask_app, name = "Dashboard")
      dash_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
          )
      ])
      return dash_app
  
  #if __name__ == '__main__':
      #app.run_server(debug=True)