def Contact(session_id, username): return html.Div([ Header(username), NavBar(UrlIndex.CONTACT.value), Body(), Footer(True) ])
def exposure_summary_page(exposure): page = html.Div([ Header(), html.Div([ HalfRowCard("TIV by State", Table(exposure.tiv_by_state(), display_header=True)), HalfRowCard("TIV by State", TIVBarGraph(exposure.tiv_by_state(), "State")) ], className="row "), html.Div([ HalfRowCard( "TIV by Occupancy", Table(exposure.tiv_by_occupancy(), display_header=True)), HalfRowCard("TIV by Occupancy", TIVBarGraph(exposure.tiv_by_occupancy(), "Occupancy")) ], className="row "), html.Div([ HalfRowCard( "TIV by State", Table(exposure.tiv_by_construction(), display_header=True)), HalfRowCard( "TIV by State", TIVBarGraph(exposure.tiv_by_construction(), "Construction")) ], className="row "), ], className="container") return page
def ChangeUserPassword(username=None): return html.Div([ Header(username), NavBar(), Body(username), Footer(True) ])
def username_in_layout(id): oauth_token = flask.request.cookies['plotly_oauth_token'] base_url = 'https://plotly.charleyferrari.com/v2' endpoint = '/users/current' headers = { 'plotly-client-platform': 'dash-auth', 'content-type': 'application/json', 'Authorization': 'Bearer {}'.format(oauth_token) } r = requests.get(url=base_url + endpoint, headers=headers, verify=False) username = r.json()['username'] return html.Div(className='container', children=[ Header('Hello {}'.format(username)), Row([ Column(width=4, children=[ dcc.Dropdown( id='dropdown', options=[{ 'label': i, 'value': i } for i in ['LA', 'NYC', 'MTL']], value='LA') ]), Column(width=8, children=[dcc.Graph(id='graph')]) ]) ])
def CreateUser(username=None): return html.Div([ Header(username), NavBar(), html.Br(), html.Br(), html.Br(), dbc.Container(CreateUserCard()), ])
def UsersPortal(username=None): return html.Div([ Header(username), NavBar(), html.Br(), html.Br(), html.Br(), dbc.Container(UserPortalCard(username)), Footer(True) ])
def noPage(url, username): layout = html.Div([ Header(username), NavBar(), html.Br(), html.Br(), html.Br(), dbc.Container(NoPageFoundCard(url)), ], className="no-page") return layout
def overview_page(summary, company_facts, key_losses): page = html.Div([ Header(), html.Div([ HalfRowCard("Summary", TextArea(summary, "summary")), HalfRowCard("Key Info", Table(company_facts)) ], className="row"), html.Div([ FullRowCard("Key Losses", Table(key_losses, display_header=True)) ], className="row") ], className="container") return page
def ep_curve_page(ep_curves): page = html.Div([ Header(), html.Div([ HalfRowCard("EP all peril", Table(ep_curves.get_ep_curves(['netprecat'], ['ALL'], ['AEP', 'OEP']), display_header=True)), HalfRowCard("EP all peril", EPGraph(ep_curves.get_ep_curves(['netprecat'], ['ALL'], ['AEP', 'OEP']))) ], className="row "), html.Div([ HalfRowCard("EP Windstorm", Table(ep_curves.get_ep_curves(['netprecat'], ['Windstorm'], ['AEP', 'OEP']), display_header=True)), HalfRowCard("EP Windstorm", EPGraph(ep_curves.get_ep_curves(['netprecat'], ['Windstorm'], ['AEP', 'OEP']))) ], className="row "), html.Div([ HalfRowCard("EP Earthquake", Table(ep_curves.get_ep_curves(['netprecat'], ['Earthquake'], ['AEP', 'OEP']), display_header=True)), HalfRowCard("EP Earthquake", EPGraph(ep_curves.get_ep_curves(['netprecat'], ['Earthquake'], ['AEP', 'OEP']))) ], className="row "), ], className="container") return page
def Home(session_id, username): return html.Div([ Header(username), NavBar(UrlIndex.HOME.value), Body(), ])
# params=('%' + term + '%',)) print("Head of plot_df after formatting is : ", plot_df.head()) print("Head of original df after formatting is : ", df.head()) print("plot_df shape is: ", plot_df.shape) print("original df shape is: ", df.shape) current_year = plot_df['Date'].max().year ######################## START Line chart Layout ######################## sentiment_line_graph_layout = html.Div( [ html.Div( [ # CC Header Header.Header(), # Date Picker html.Div( [ dcc.DatePickerRange( id='my-date-picker-range-birst-category', # with_portal=True, min_date_allowed=( plot_df['Date'].min() - timedelta(6) ).to_pydatetime(), #dt(2018, 1, 1), max_date_allowed=plot_df['Date'].max(). to_pydatetime(), initial_visible_month=dt( current_year, plot_df['Date'].max().to_pydatetime().month, 1),
import pyodbc from components import Column, Header, Row import config from auth import auth from utils import StaticUrlPath app = dash.Dash(__name__, ) auth(app) server = app.server # Expose the server variable for deployments # Standard Dash app code below app.layout = html.Div(className='container', children=[ Header('pyodbc Sample App'), Row([ Column(width=4, children=[ dcc.Dropdown( id='dropdown', options=[{ 'label': i, 'value': i } for i in ['LA', 'NYC', 'MTL']], value='LA') ]), Column(width=8, children=[dcc.Graph(id='graph')]) ]) ])
header=None, ) df2 = pd.read_csv("worldcities too full version without altitude.csv") df3 = df.merge(df2, left_on="name", right_on="city_ascii", how="left").dropna(subset=["name"]) print(df3.head(10)) df = df3 df.population = df.population.fillna(1) df.astype({"elevation": int}) app.layout = html.Div( className="container", children=[ Header("Noah's Ark", app), html.Div( id="main_row", children=[ html.Div( id="controls", className="card", children=[ html.P( id="rate_text", className="control_label", children="Rate of sea level rise", ), dcc.Slider( id="rate_slider", min=0.001,
import dash import dash_core_components as dcc import dash_html_components as html from dash.dependencies import Input, Output, State from components import Column, Header, Row from app import app from layouts import main layout = html.Div(children=[ dcc.Location(id='url-frontier', refresh=False), html.Div(id='main-header', children=[Header('', app)]), html.Div( id='app-page-content', children=[html.Div(id='frontier-page-content', className='app-body')]) ]) @app.callback(Output('frontier-page-content', 'children'), [Input('url-frontier', 'pathname')]) def display_page(pathname): if pathname == '/not-so-super/not-so-super': return main.layout
for i in range(3): words.append(stack.pop()) app = dash.Dash( __name__, # Serve any files that are available in the `static` folder static_folder='static' ) auth(app) server = app.server # Expose the server variable for deployments # Standard Dash app code below app.layout = html.Div(className='container', children=[ Header(' '.join(words)), Row([ Column(width=4, children=[ dcc.Dropdown( id='dropdown', options=[{'label': i, 'value': i} for i in ['LA', 'NYC', 'MTL']], value='LA' ) ]), Column(width=8, children=[ dcc.Graph(id='graph') ]) ]), ])
def layout(): return html.Div( html.Div( [ html.Div(id='page-motion-content'), Header(), html.Div([ html.H2(children='Tracks', style={'textAlign': 'center'}, className='twelve columns') ], className="row"), # Selectors html.Div([ html.Div([ dcc.Dropdown(id='cam', options=[{ 'label': 'DesignOffices', 'value': 'designOffices' }, { 'label': 'Kirchvorplatz', 'value': 'kirchvorplatz' }, { 'label': 'KreuzungDomplatz', 'value': 'kreuzungDomplatz' }, { 'label': 'Backhus', 'value': 'backhus' }], value=[ 'designOffices', 'kirchvorplatz', 'kreuzungDomplatz' ], multi=True), ], className='six columns'), ], ), # Selectors html.Div( [ html.Div( [ dcc.Dropdown( id='track_class', options=[{ 'label': classes[int(item)], 'value': int(item) } for item in set(df['track_class'].astype( int))], multi=True, value=[ 1, 2, 3, 4, 6, 8 ] #list(set(df['track_class'].astype(int))) ) ], className='six columns', ) ], className='row'), # Selectors html.Div([ html.Div( [ dcc.Dropdown(id='day', options=[{ 'label': item, 'value': item } for item in set(df['day'])], multi=True, value=list(set(df['day']))) ], className='six columns', ) ], ), # Selectors html.Div([ html.Div( [ dcc.Dropdown(id='slice', options=[{ 'label': item, 'value': item } for item in set(df['slice'])], multi=True, value=list(set(df['slice']))) ], className='six columns', ) ], className='row'), html.Br(), html.Div( [ dcc.RangeSlider( id='slider', min=min(seconds), max=max(seconds), step=1000000000 * 60, updatemode='mouseup', #'drag' pushable=True, value=[min(seconds), max(seconds)], marks={ min(seconds): datetime.fromtimestamp( min(seconds) / 1000000000).strftime("%Y-%m-%d %H:%M"), max(seconds): datetime.fromtimestamp( max(seconds) / 1000000000).strftime("%Y-%m-%d %H:%M") }, ), ], className='twelve columns'), html.Br(), html.Br(), html.Div( [ dcc.Slider( id='slider2', min=min(seconds), max=max(seconds), value=min(seconds), marks={ int(timestamp): str(i) + 'min' for i, timestamp in enumerate(seconds[::60]) }, step=1, disabled=False, updatemode='drag', #'drag' ), ], className='twelve columns'), html.Br(), html.Br(), html.Br(), # Map + table + Histogram html.Div( [ html.Div([dcc.Graph(id='bar-graph', )], className='three columns'), html.Div([dcc.Graph(id='map-graph', animate=True)], className="six columns"), html.Div([dcc.Graph(id='bar-graph2', )], className='three columns'), html.Div([dcc.Graph(id="line-graph")], className="twelve columns"), html.Div([dcc.Graph(id="line-graph2")], className="twelve columns"), # html.Div( # [ # dt.DataTable( # id='datatable', # columns=[{"name": i, "id": i} for i in df.columns], # data=df.to_dict(orient='records'), # selected_rows=[],#list(df['index'].astype(int)) ,#[], # editable=False, # filtering=False, # sorting=True, # row_selectable="multi", # sorting_type="multi", # style_cell={'padding': '5px'}, # style_table={ # # 'maxHeight': '700px', # 'border': 'thin lightgrey solid', # 'margin-top': 0 # }, # style_header={ # 'backgroundColor': 'white', # 'fontWeight': 'bold' # }, # style_cell_conditional=[ # { # 'if': {'column_id': c}, # 'textAlign': 'left' # } for c in ['cam', 'time','track_id','track_class'] # ] + [ # { # 'if': {'row_index': 'odd'}, # 'backgroundColor': 'rgb(248, 248, 248)' # } # ] + [ # { # 'if': {'column_id': c}, # 'textAlign': 'left' # } for c in ['Date', 'Region'] # ], # # style_as_list_view=True, # pagination_mode='fe', # pagination_settings={ # "displayed_pages": 1, # "current_page": 0, # "page_size": 18, # }, # navigation="page", # ), # ], # className="twelve columns" # ), Footer(), ], className="row") ], className='ten columns offset-by-one'))
def RigdenLab(session_id, username): return html.Div( [Header(username), NavBar(UrlIndex.RIGDEN.value), Body(), Footer()])
import dash import dash_core_components as dcc import dash_html_components as html from dash.dependencies import Input, Output, State from components import Column, Header, Row from app import app from layouts import main layout = html.Div(children=[ dcc.Location(id='url-aist', refresh=False), html.Div(id='main-header', children=[ Header('', app, bg_color="#fff", font_color="#F3F6FA", logo="aist.svg", home_address="https://www.aist.asn.au/") ]), html.Div(id='app-page-content', children=[html.Div(id='aist-page-content', className='app-body')]) ]) @app.callback(Output('aist-page-content', 'children'), [Input('url-aist', 'pathname')]) def display_page(pathname): if pathname == '/not-so-super/aist-not-so-super': return main.layout
def layout(): return html.Div( html.Div([ html.Div(id='page-twitter-content'), Header(), html.Div( [ html.H2(children='Twitter (hourly updated)', style={ 'textAlign': 'center' }, className='twelve columns') ], className="row" ), # Selectors html.Div([ dcc.RangeSlider( id='a-slider', min=days[0], max=days[-1], step= 24 * 60 * 60 * 1000000000, updatemode='mouseup', #'drag' pushable=True, value=[days[0], days[-1]],# int(max(timestamps) - min(timestamps)) marks={int(datetime.timestamp(date)) * 1000000000: date.strftime("%Y-%m-%d") for date in pd.date_range(min(days), max(days)).tolist()[::30]}, ), ], className='twelve columns'), html.Br(), html.Br(), html.Br(), # Map + table + Histogram html.Div( [ html.Div( [ dcc.Graph(id='a-map-graph', animate=True) ], className = "twelve columns" ), html.H5(children='Number users tweeting', style={ 'textAlign': 'center' }, className='twelve columns'), html.Div([ dcc.Graph( id="line-graph-twitteruser")] , className="twelve columns" ), html.H5(children='Number tweets', style={ 'textAlign': 'center' }, className='twelve columns'), html.Div([ dcc.Graph( id="line-graph-twitteruser2")] , className="twelve columns" ), Footer(), ], className="row" ) ], className='ten columns offset-by-one'))
def layout(): return html.Div([ html.Div(id='page-pyramics-content'), html.Div( [ Header(), html.Div([ html.H2(children='Pyramics', style={'textAlign': 'center'}, className='twelve columns') ], className="row"), html.Br(), html.Div( [ dcc.RangeSlider( id='slider', min=min(days), max=max(days), step=1000000000 * 3600 * 24, updatemode='mouseup', #'drag' pushable=True, value=[min(days), max(days)], marks={ int(datetime.timestamp(date)) * 1000000000: date.strftime("%Y-%m-%d") for date in pd.date_range( min(days), max(days)).tolist()[::7] }, ), ], className='twelve columns'), html.Br(), html.Br(), html.Div([ html.Div([ dcc.Dropdown(id='pyramics_name', options=[{ 'label': 'Backhus', 'value': 'Backhus' }, { 'label': 'Bürgerstiftung', 'value': 'Bürgerstiftung' }], value=['Backhus', 'Bürgerstiftung'], multi=True), ], className='twelve columns'), ], ), html.Br(), html.Br(), html.Br(), dcc.Tabs(id="tabs-pyramics", value='tab-3-pyramics', children=[ dcc.Tab(label='Totals and gender', value='tab-3-pyramics', style=tab_style, selected_style=tab_selected_style), dcc.Tab(label='Interactions and views', value='tab-1-pyramics', style=tab_style, selected_style=tab_selected_style), dcc.Tab(label='Dwell and age grouping', value='tab-2-pyramics', style=tab_style, selected_style=tab_selected_style) ]), html.Div(id='tabs-content-pyramics'), Footer() ], className='ten columns offset-by-one'), ])
def layout(): return html.Div( html.Div( [ html.Div(id='page-weather-content'), Header(), html.Div([ html.H2(children='Weather', style={'textAlign': 'center'}, className='twelve columns') ], className="row"), html.Br(), html.Div( [ dcc.RangeSlider( id='slider', min=min(days), max=max(days), step=1000000000 * 3600 * 24, updatemode='mouseup', #'drag' pushable=True, value=[min(days), max(days)], marks={ int(datetime.timestamp(date)) * 1000000000: date.strftime("%Y-%m-%d") for date in pd.date_range( min(days), max(days)).tolist()[::30] }, ), ], className='twelve columns'), html.Br(), html.Br(), html.Br(), # Map + table + Histogram html.Div([ html.Div([ html.H5(children='Weather daily', style={'textAlign': 'center'}, className='twelve columns') ], className="row"), html.Div([ html.Div([ dcc.Dropdown( id='daily', options=[{ 'label': value, 'value': key } for key, value in indicators_daily.items()], value=['fm', 'rsk', 'sdk', 'nm', 'tmk'], multi=True), ], className='twelve columns'), ], ), html.Div([dcc.Graph(id="weather-daily-line-graph")], className="twelve columns"), html.Div([ html.H5(children='Weather hourly', style={'textAlign': 'center'}, className='twelve columns') ], className="row"), html.Div([ html.Div([ dcc.DatePickerRange( id='weather-date-picker', min_date_allowed=datetime(1995, 8, 5), max_date_allowed=datetime(2020, 8, 5), initial_visible_month=datetime(2019, 9, 3), start_date=datetime(2019, 9, 3), end_date=datetime(2019, 9, 10)), ], className='twelve columns'), ], ), html.Div([ html.Div([ dcc.Dropdown(id='hourly', options=[{ 'label': value, 'value': key } for key, value in indicators_hourly.items()], value=['tt_tu'], multi=True), ], className='twelve columns'), ], ), html.Div([dcc.Graph(id="weather-hourly-line-graph")], className="twelve columns"), Footer(), ], className="row") ], className='ten columns offset-by-one'))
'Bookings - Last Year': 'Bookings - LY', 'Revenue - This Year': 'Revenue - TY', 'Revenue - Last Year': 'Revenue - LY', }, inplace=True) ######################## Home Page ######################## homePage = html.Div([ ## CC Header html.P(["4Home Page"]) ], className="no-page") ######################## START Birst Category Layout ######################## layout_birst_category = html.Div([ html.Div([ ## CC Header Header() ], className="subpage") ], className="page") ######################## END Birst Category Layout ######################## ######################## 404 Page ######################## noPage = html.Div([ ## CC Header html.P(["404 Page not found"]) ], className="no-page") ######################## START GA Category Layout ######################## layout_ga_category = html.Div([ html.Div([
def UserStorage(username=None, current_session_pkid=None): return html.Div([ Header(username), NavBar(), Body(username, current_session_pkid) ])
specific_entities = pickle.load( open("./assets/data_specific_entities_by_tag.pkl", "rb")) doc_similarities = pickle.load(open("./assets/data_doc_similarities.pkl", "rb")) # Word vocabulary = list(id_mapping.keys())[308:] remaining_persons = pickle.load( open('./assets/data_remaining_persons.pkl', 'rb')) remaining_places = pickle.load(open('./assets/data_remaining_places.pkl', 'rb')) cos_sim_matrix = pd.read_pickle("./assets/data_cosine_similarity_matrix.pkl") overview = html.Div( id="body1", children=[ Header("overview"), html.Div(id="ColumnBlockOverview", children=[ Scatter(overview_tsne), BarOverview(overview_persons), html.Div(id="tableHeadline", children=[html.H4(["Collection of Books"])]), Table(author_data[["Title", "Author", "Publishing Date"]]), ]), html.Div(id="MapBlock", children=[Map(overview_places)]) ]) book = html.Div( id="body1", children=[
def PostgresConnectionError(): return html.Div([ Header(), NavBar(UrlIndex.SESSION_TIMEOUT.value), Body(), ])
import dash from dash.dependencies import Input, Output import dash_core_components as dcc import dash_html_components as html from components import Column, Header, Row app = dash.Dash(__name__) server = app.server # Expose the server variable for deployments # Standard Dash app code below app.layout = html.Div(className='container', children=[ Header('Sample App'), Row([ Column(width=4, children=[ dcc.Dropdown( id='dropdown', options=[{ 'label': i, 'value': i } for i in ['LA', 'NYC', 'MTL']], value='LA') ]), Column(width=8, children=[dcc.Graph(id='graph')]) ]) ])
bartender_summary = ['PrinterName', 'Total', 'LastUsed'] bartender_summary2 = ['Name', 'Total', 'LastUsed'] bartender_table = [ 'PrinterName', 'Name', 'TotalLabels', 'Print Time', 'Server' ] bt_df = bt_df.append(bt_df_controlled) ######################## START BarTender Category Layout ######################## layout_BarTender = html.Div( [ html.Div( [ # CC Header Header(), # Date Picker html.Div(children=''' Pick a Start/End Date '''), html.Div([ dcc.DatePickerRange( id='my-date-picker-range-bartender', with_portal=True, min_date_allowed=dt(2018, 1, 1), max_date_allowed=bt_df['CreatedDateTime'].max(). to_pydatetime(), initial_visible_month=dt( bt_df['CreatedDateTime'].max().to_pydatetime(). year, bt_df['CreatedDateTime'].max().to_pydatetime( ).month, 1),
def get_top_topics(mixture, k=5): top_topics = mixture.argsort()[:-k - 1:-1] return list(top_topics), list(mixture[top_topics]) # Start layout app = dash.Dash(__name__) server = app.server # Expose the server variable for deployments # Standard Dash app code below app.layout = html.Div( className='container', children=[ Header('Arxiv Assistant', app), Row([ dcc.Input(id='input-url', placeholder='Enter URL...', type='text', value='', style={ 'width': '80%', 'margin-right': '20px' }), html.Button('Submit', id='button-update') ]), Row([ Column(width=6, children=[ dcc.Markdown(id='markdown-article', style=card_style()),
# print(df['date']) current_year = df['date'].dt.year df['month'] = df['date'].dt.month # print(current_year) dt_columns = ['Threads', 'Flow Name', 'Diag', 'Fail Count'] ######################## START First Category Layout ######################## layout_conf_fail_category = html.Div( [ # print_button(), html.Div( [ # CC Header Header(), # Drop Down menu # Date Picker html.Div( [ html.Div( [ dcc.Dropdown( id='my-project-picker-list', options=[{ 'label': proj, 'value': proj } for proj in available_project], value='INSB', placeholder="Select a project" # value='TimbuktuMPNX',
def dynamic_page(): return html.Div( [ Header(), html.Div( [ html.Div( [ dcc.Dropdown( id='uploaded-datasets', options=[{ 'label': i, 'value': i } for i in get_csv_files(DATA_FOLDER)], placeholder='Select a Dataset', ) ], style={ 'width': '220px', 'display': 'inline-block', 'margin-left': '25px', }), html.Div([ dcc.Upload( id='upload-data', children=html.Div( [ html.Button(' Upload ', className='fa fa-upload') ], style={ 'backgroundColor': 'green', 'color': 'white', 'margin-left': '5px', }), multiple=False), ]), html.Div( [ dcc.Input(placeholder='Enter the Min Support', type='text', value='', id='MSupport') ], style={ 'width': '200', 'display': 'inline-block', 'margin-left': '5px', }), html.Div( [ dcc.Input( placeholder='Enter the Allowed Violations', type='text', value='', id='Delta') ], style={ 'width': '200', 'display': 'inline-block', 'margin-left': '5px', }), html.Div( [ dcc.Input(placeholder='Enter the Min. Coverage', type='text', value='', id='Coverage') ], style={ 'width': '200px', 'display': 'inline-block', 'margin-left': '5px', }), html.Button('PFD Discovery', className='fa', id='button', style={ 'backgroundColor': 'green', 'color': 'white', 'width': '200', 'flow': 'right', 'margin-left': '15px', }), ], className="row", style={ 'width': '100%', 'height': '50px', 'borderWidth': '1px', 'borderRadius': '5px', 'textAlign': 'center', 'margin-left': '25px', 'margin-top': '10px', }), html.Div(id='output-data-upload'), html.Div(id='output-data-dropdown', style={ 'width': '100%', 'height': '440px', 'borderWidth': '1px', 'borderRadius': '5px', 'textAlign': 'center', 'margin-left': '50px', 'margin-right': '25px', 'overflowY': 'scroll', }), html.Hr(), # horizontal line html.Div(id='output-results', style={ 'width': '100%', 'height': '200px', 'borderWidth': '1px', 'borderRadius': '5px', 'textAlign': 'left', 'margin-left': '25px', 'margin-right': '25px', 'margin-top': '40px' }), # Footer() ], className='body')