def labeled_button_cards(self): rows = dbc.Container(children=[], fluid=False, className='bool-switch-container') for nodelist in grouper( [self.nodes[id] for id in self._bool_switch_ids], 5): nodelist = [ node for node in nodelist if isinstance(node, daq.BooleanSwitch) ] nodecount = len(nodelist) width = int(12 / nodecount if nodecount else 12) row = dbc.CardGroup([ dbc.Card(dbc.CardBody( [html.H4(node._label, className='param-label'), node]), enabled="1" if node.on else "0", className='param-card') for node in nodelist ], className='bool-switch-cardgroup') for node in nodelist: node.value = node.on if hasattr(node, 'popover_text'): row.append(self.render_popover(node.id, node.popover_text)) rows.children.append(row) return rows
def make_article_card(symbol, date=dt.datetime.today(), days_ago=3): week_ago = (date - dt.timedelta(days=days_ago)).strftime("%Y-%m-%d") articles = finnhub_client.company_news(symbol, _from=week_ago, to=date.strftime("%Y-%m-%d")) if len(articles) == 0: week_ago = (dt.datetime.today() - dt.timedelta(days=days_ago)).strftime("%Y-%m-%d") articles = finnhub_client.company_news( symbol, _from=week_ago, to=dt.datetime.today().strftime("%Y-%m-%d")) news_articles_cols = [ dbc.CardGroup([ dbc.Card([ dbc.CardImg(src=article["image"], top=True), dbc.CardBody([ html.H4(article["headline"], className="card-title"), html.H6( dt.datetime.fromtimestamp( article["datetime"]).strftime("%m/%d/%Y"), className="card-subtitle", ), html.P( article["summary"], className="card-text", ), dbc.CardLink("Read More", href=article["url"]), ]), ], ) for article in articles[i:i + 4] ]) for i in range(0, len(articles), 4) ] return news_articles_cols
def _make_card_table(self, formatted_cal: list[dict]) -> html.Div: cards = [] for week in formatted_cal: week_cards = [] for day, val in week.items(): week_cards.append(self._make_card(day, val)) cards.append(dbc.CardGroup(week_cards)) return html.Div(cards)
def get_app_layout(): return dbc.Container([ dcc.Store(id='selected-data-left'), dcc.Store(id='selected-data-right'), dcc.Store(id='session-id', data=str(uuid.uuid4())), dcc.Store(id='filter-trigger', data=0), dcc.Store(id='left-hide-trigger', data=0), dcc.Store(id='file-loaded-trigger', data=0), dcc.Store(id='dummy-export-scatter2d-left'), dcc.Store(id='dummy-export-scatter2d-right'), dcc.Store(id='dummy-export-histogram'), dcc.Store(id='dummy-export-violin'), dcc.Store(id='dummy-export-parallel'), dcc.Store(id='dummy-export-heatmap'), dcc.Store(id='dummy-export-data'), html.Div( [ html.Div(html.Img( src=app.get_asset_url('sensorview_logo.svg'), id='sensorview-image', style={ 'height': '100px', 'width': 'auto', }, ), className="text-center"), html.H1(app.title, className="text-center"), html.Hr(className="my-2"), html.P( 'Sensor Data Visualization', className="text-center" ), ], className="bg-light rounded-3 my-2 p-3", ), dbc.Row([ dbc.Col( dbc.CardGroup([ testcase_card, datafile_card ]) )], className='mb-3'), tabs, dcc.Markdown( 'Designed and developed by **Zhengyu Peng** \ | Powered by [Dash](https://plotly.com/dash/),\ [Redis](https://redis.io/),\ [Celery](https://docs.celeryproject.org/en/stable/),\ [Docker](https://www.docker.com/)'), ], fluid=True, className="dbc_light")
def search_box(): search_box_layout = dbc.Card([ html.H3(f'Current Jam'), html.Div(show_tracks(spt.current_track)), html.H6("Search for Songs", style={'textAlign': 'left'}), dbc.Input(id='search-box-input', placeholder='Enter Text Here'), html.Div(id='search-box-output') ]) layout = html.Div( [ dbc.CardGroup([search_box_layout]), ], className="w-25", ) return layout
def get_wins(wins): wld = f"{wins['WLD'][0]}-{wins['WLD'][1]}-{wins['WLD'][2]}" ko = f"{wins['KO'][0]}-{wins['KO'][1]}" sub = f"{wins['SUB'][0]}-{wins['SUB'][1]}" return dbc.CardGroup( className='win-holder', children=[ dbc.Card(className='win-card', children=[ dbc.CardHeader(className='win-head', children=[ html.H5("W-L-D", className='win-head-text') ]), dbc.CardBody(className='win-body', children=[ html.H4(f"{wld}", className='win-body-text') ]) ]), dbc.Card(className='win-card', children=[ dbc.CardHeader(className='win-head', children=[ html.H5("(T)KO", className='win-head-text') ]), dbc.CardBody(className='win-body', children=[ html.H4(f"{ko}", className='win-body-text') ]) ]), dbc.Card(className='win-card', children=[ dbc.CardHeader(className='win-head', children=[ html.H5("Sub", className='win-head-text') ]), dbc.CardBody(className='win-body', children=[ html.H4(f"{sub}", className='win-body-text') ]) ]) ])
def create_summary(algorithm_name): return dbc.Card( id=f"summary-section-{algorithm_name}", children=[ dbc.CardBody([ dbc.CardGroup( [], id=f"summary-cards-{algorithm_name}", className="col-sm-12 col-md-12 col-lg-12 col-xl-12 d-flex", style={"margin-top": "15px"}), dbc.Row([ dbc.Col(daq.ToggleSwitch( id=f"table-toggle-{algorithm_name}", value=False), width=1), dbc.Col(html.Div("Show Anomaly Table"), width=3) ], style={'margin-bottom': '15px'}) ]), ], )
dbc.Col(html.P(f"SINDROME GRIPAIS: 1103", className="card-text", style={"font-weight": "bold"}), lg=7) ], ) ], style={ "padding-top": 5, "padding-bottom": 5, "background-color": "#DBDBDB" }) ] cards = dbc.CardGroup([ dbc.Card(card_confirmados, color="light", inverse=False, outline=False), dbc.Card(card_obitos, color="light", inverse=False, outline=False), dbc.Card(card_3, color="light", inverse=False, outline=False) ]) #Modal - Inside Column left = dbc.Col( html.Div([ "UERJ", html.Br(), "- Dr. Vahid Nikoofard", html.Br(), "- Dr. Bruno Fernando Inchausp Teixeira", html.Br(), "- Dra. Luciana Ghussn", html.Br(), "- Dr. Vinicius Seabra", html.Br(), "- Prof. Phillipe Valente Cardoso", html.Br(), "- Isabella Escobar dos Santos", html.Br(), "- Kenneth John Vasquez", html.Br(), "- Matheus Galhano Vieira Galvão",
recommended_articles = \ dbc.Row( [ dbc.Col( dbc.CardGroup( [ html.A( dbc.Card( [ dbc.CardBody( [ html.H5('Article 1',className='card-title'), html.H6('A sampling of the content of article 1.',className='card-subtitle'), ], ), dbc.CardImg( src='https://picsum.photos/200/200', bottom=True, #style=dict(height='100px',width='100px') ) ], style=dict(maxWidth='200px') ), href='/article-1' ) for i in range(4) ], ) ) ], )
def select_model(model_name) -> list: """Populate the input data fields depending on the selected model. First triggered when a model is selected from the dropdown in the navbar. Loads an example MUSE model and populates the cards to edit input values. Does not run on startup. Args: model_name (str): The name of the selected model. From the dropdown. Returns: children (list): The children of the `input-values` Column. Contains: - A CardGroup for input values (technologies) - A CardGroup for agent values (objectives) - A Button to run the model using values within the CardGroup fields. """ # Do not run on startup if model_name is None: raise PreventUpdate model.select(model_name) return [ dbc.CardGroup([ dbc.Card( body=True, children=[ dbc.Label(sector.name.title(), size="lg"), dbc.Label( model.technodata[sector.name]["ProcessName"].iloc[-1], size="sm", ), ] + [ dbc.FormGroup( row=True, children=[ dbc.Label(technology, width=6), dbc.Col( dbc.Input( value=model.technodata[sector.name] [technology].iloc[-1], type="number", min=min(value_range), max=max(value_range), step=0.00000001, id={ "type": "input_value", "index": f"{sector.name}-{technology}", }, ), ), ], ) for technology, value_range in TECHNOLOGIES.items() ], ) for sector in model.sectors ], ), dbc.CardGroup([ dbc.Card( body=True, children=[ dbc.Label(agent["AgentShare"], size="lg"), dcc.Dropdown( options=[{ "label": objective, "value": objective } for objective in OBJECTIVES["Objective1"]], value=agent["Objective1"], id={ "type": "agent_value", "index": agent["AgentShare"], }, ), ], ) for index, agent in model.agents.iterrows() ], ), html.Br(), dbc.Button("Run Model", color="primary", id="run-button"), ]
fluid=True) ], style={'height': '100%'}) CONTENT = html.Div([ dbc.CardGroup([ dbc.Card([html.H5('PV Power (MW)'), html.P(id='pv-power-value')], body=True), dbc.Card( [html.H5('Storage Power (MW)'), html.P(id='storage-power-value')], body=True), dbc.Card([ html.H5('Storage Energy (MWH)'), html.P(id='storage-energy-value') ], body=True), dbc.Card([html.H5('Efficiency'), html.P(id='efficiency-value')], body=True), dbc.Card([html.H5('Duration (Hours)'), html.P(id='duration-value')], body=True), ], style={'text-align': 'Center'}), dbc.Row([ dbc.Col([ html.H3('Timeseries Graph', style={ 'marginTop': 25,
cards = dbc.CardGroup([ dbc.Card( dbc.CardBody([ html.H5("Card 1", className="card-title"), html.P( "This card has some text content, which is a little " "bit longer than the second card.", className="card-text", ), dbc.Button("Click here", color="success", className="mt-auto"), ])), dbc.Card( dbc.CardBody([ html.H5("Card 2", className="card-title"), html.P( "This card has some text content.", className="card-text", ), dbc.Button("Click here", color="warning", className="mt-auto"), ])), dbc.Card( dbc.CardBody([ html.H5("Card 3", className="card-title"), html.P( "This card has some text content, which is longer " "than both of the other two cards, in order to " "demonstrate the equal height property of cards in a " "card group.", className="card-text", ), dbc.Button("Click here", color="danger", className="mt-auto"), ])), ])
dbc.CardGroup([ dbc.Card( [ dbc.CardImg(src="/assets/images/dashboard.jpeg", top=True), dbc.CardBody([ html.H3("Dashboard", style={"color": "#66666"}), html.P( '''Un espacio para obtener estadísticas básicas de usuarios, negocios, reseñas e interacciones, junto a algunos insights sobre sus calificaciones. ''', className="card-text", style={"font-size": "15px"}, ), dbc.Button( "Dashboard", color="primary", href="/page-5"), ], className="text-center"), ], style={ "width": "18rem", "margin": "0 1rem 0 0" }, ), dbc.Card( [ dbc.CardImg(src="/assets/images/spatial_model.jpeg", top=True), dbc.CardBody([ html.H3("Recomendación", style={"color": "#66666"}), html.P( '''Acá puedes encontrar el sistema de recomendación híbrido basado en la combinación de modelos colaborativos, de contenido, con factorización,...''', className="card-text", style={"font-size": "15px"}, ), dbc.Button("Sistema de recomendación", color="primary", href="/page-2"), ], className="text-center"), ], style={"width": "18rem"}, ), # dbc.Card( # [ # dbc.CardImg( # src="/assets/images/map.png", top=True), # dbc.CardBody( # [ html.H3("Exploración por usuarios", style = {"color": "#66666"}), # html.P( # ''' # Finalmente, un apartado con las predicciones y el sistema diseñado para obtener recomendaciones de cualquier usuario en el sistema. # ''', # className="card-text", style = {"font-size": "15px"}, # ), # dbc.Button("Exploration", color="primary", # href="/page-3", style={"align": "center"}), # ], # className="text-center" # ), # ], # style={"width": "18rem", "margin": "0 0 0 1rem"}, # ) ]),
body = dbc.Container( [ dbc.Row([ dbc.Col(dbc.CardGroup([ dbc.Card([ dbc.CardHeader("Twitter", style={'text-align': 'center'}), dbc.CardImg(src="/static/twitter.png", top=True), dbc.CardFooter([ daq.BooleanSwitch( id='switch_twitter', on=True, color="#D0E49F") ]) ]), dbc.Card([ dbc.CardHeader("Facebook", style={'text-align': 'center'}), dbc.CardImg(src="/static/facebook.png", top=True), dbc.CardFooter([ daq.BooleanSwitch( id='switch_facebook', on=False, color="#D0E49F") ]) ]), dbc.Card([ dbc.CardHeader("YouTube", style={'text-align': 'center'}), dbc.CardImg(src="/static/youtube.png", top=True), dbc.CardFooter([ daq.BooleanSwitch( id='switch_youtube', on=True, color="#D0E49F") ]) ]) ]), width=4), dbc.Col(dbc.Card([ dbc.CardHeader("Pick a period", style={'text-align': 'center'
style={'marginTop': 25}), html.Div(dbc.Row(dbc.Col(id='tabs-content', align='right'), justify='center'), style={'marginBottom': 25}), dbc.Row(dbc.CardGroup([ dbc.Card( dbc.CardBody( html.Center([ html.H4(reported_countries, className="card-title"), html.P("Countries/Regions", className="card-text"), ])), ), dbc.Card( dbc.CardBody( html.Center([ html.H4([round(death_rate * 100, 2), '%'], className="card-title"), html.P("Death Rate", className="card-text"), ])), ), dbc.Card( dbc.CardBody( html.Center([ html.H4([round(recovered_rate * 100, 2), '%'], className="card-title"), html.P("Recovered Rate", className="card-text"), ])), ), ]), justify='center'), ]), width=3), dbc.Col([
# dark=True, # color='dark' # )]) #%% ############################################################################### #### TABS ############################################################################### cart_tab = dbc.Col([ dbc.Row([ dbc.Col([ html.H5("Overall Cart Totals"), dbc.CardGroup(id='cart-totals-card', style={'text-align':'center'}), dcc.Graph(id='cart-no-total-graph') ]) ]), dbc.Button("Click to View Cart Numbers by Program", id="cart-no-button",color='primary',outline=True), dbc.Collapse( [ dbc.Row([ # html.H4("View Cart Numbers by Program"), dbc.Col([ dcc.Dropdown( options=[{'label': i, 'value': i} \ for i in cart_no['program'].unique()], placeholder='Select Program', value='cash_pay_program',
inverse=True, # change color of text (black or white) outline= False, # True = remove the block colors from the background and header, ) app.layout = html.Div([ html.H2("Linear Regression", style={ 'text-align': 'center', 'marginBottom': 25, 'border': '2px white solid', 'borderRadius': 3, 'marginTop': 25 }), html.Div([ dbc.CardGroup(dbc.Col(card_upload, width=3)), dbc.CardGroup((dbc.Col(card_data, width=3), dbc.Col(card_train, width=3), dbc.Col(card_display, width=6))) ]) ]) @app.callback(dash.dependencies.Output('slider-output-noise', 'children'), [dash.dependencies.Input('noise-slider', 'value')]) def update_output(value): return 'You have selected "{}"'.format(value) @app.callback(dash.dependencies.Output('train-number-output', 'children'), [dash.dependencies.Input('train-number-input', 'value')])
image_related_cards = dbc.CardGroup( [ dbc.Card( [ dbc.CardImg(top=True, id="eye-image", title="Image by Kevin Dinkel", alt='Learn Dash Bootstrap Card Component', style={"height": "25rem"}), dbc.CardBody( [ html.H5(id='name-image', className="card-title"), dbc.Progress(id='progress', color="success") ] )], outline=False, style={"height": "30rem"} ), dbc.Card( dbc.CardBody( [ html.H4("Click on the diagnosis buttons below to label the show image and display the next one:", className="card-title"), dbc.ListGroup( [ dbc.Button("Healthy", color="primary", id='Healthy', n_clicks=0), dbc.Button("Mild", color="secondary", id='Mild', n_clicks=0), dbc.Button("Moderate", color="warning", id='Moderate', n_clicks=0), dbc.Button("Severe", color="danger", id='Severe', n_clicks=0), dbc.Button("Proliferative", color="info", id='Proliferative', n_clicks=0), ] ), # for notification when no more images available html.Div(id='noImages_placeholder', children=[]), ] ), outline=False, style={"height": "30rem"} ) ] )
work_equipe = dbc.CardGroup([ dbc.Card( [ dbc.CardImg(src="/assets/images/ingeniero_sistemas.jpg", top=True), dbc.CardBody([ html.H4("Jimmy Pulido", className="card-title"), html.P( "System Engineer of University National of Colombia " "I like idioms and programming.", className="card-text", ), dbc.Button("Profile", color="primary"), ]), ], style={"width": "18rem"}, ), dbc.Card( [ dbc.CardImg(src="/assets/images/administrador.jpg", top=True), dbc.CardBody([ html.H4("Jhon Parra", className="card-title"), html.P( "Business Administrator of University National of Colombia " "I like series and animes.", className="card-text", ), dbc.Button("Profile", color="primary"), ]), ], style={"width": "18rem"}, ), dbc.Card( [ dbc.CardImg(src="/assets/images/matematico.jpg", top=True), dbc.CardBody([ html.H4("Fabian Pallares", className="card-title"), html.P( "Mathematician of University National of Colombia " "I like to be teacher.", className="card-text", ), dbc.Button("Profile", color="primary"), ]), ], style={"width": "18rem"}, ), ])
'fontSize': 20, "vertical-align": "middle", "text-align": "center" }), ]) ]) row4_cards = dbc.CardGroup([ dbc.Card([dbc.CardHeader("Social"), dcc.Graph(id="s_score", figure={})]), dbc.Card( [dbc.CardHeader("Collaboration"), dcc.Graph(id="c_score", figure={})]), dbc.Card( [dbc.CardHeader("Opportunities"), dcc.Graph(id="o_score", figure={})]), dbc.Card([dbc.CardHeader("Risks"), dcc.Graph(id="r_score", figure={})]), dbc.Card( [dbc.CardHeader("Engagement"), dcc.Graph(id="e_score", figure={})]), dbc.Card( [dbc.CardHeader("Emissions"), dcc.Graph(id="em_score", figure={})]) ]) # ------------------------------------------------------------------------------ # App layout layout = html.Div([ navbar.navbar(), html.Br(),
df = pd.read_csv("C:/Users/Raph/Desktop/Dashtest/data/Twitter_Renault.csv") body = dbc.Container( [ dbc.Row([ dbc.Col(dbc.CardGroup([ dbc.Card([ dbc.CardHeader("Twitter", style={'text-align': 'center'}), dbc.CardImg(src="/static/twitter.png", top=True), dbc.CardFooter( [daq.BooleanSwitch(on=True, color="#D0E49F")]) ]), dbc.Card([ dbc.CardHeader("Facebook", style={'text-align': 'center'}), dbc.CardImg(src="/static/facebook.png", top=True), dbc.CardFooter( [daq.BooleanSwitch(on=False, color="#D0E49F")]) ]), dbc.Card([ dbc.CardHeader("YouTube", style={'text-align': 'center'}), dbc.CardImg(src="/static/youtube.png", top=True), dbc.CardFooter( [daq.BooleanSwitch(on=True, color="#D0E49F")]) ]) ]), width=4), dbc.Col(dbc.Card([ dbc.CardHeader("Pick a period", style={'text-align': 'center' }), html.Div([ dcc.DatePickerRange(id='period',
import dash_bootstrap_components as dbc cards = dbc.CardGroup([ dbc.Card([ dbc.CardHeader("These cards are in a card group"), dbc.CardBody([ dbc.CardTitle("This is a title"), dbc.CardText("And some text"), ]), ]), dbc.Card( [ dbc.CardHeader("Another card"), dbc.CardBody([ dbc.CardTitle("This is a title"), dbc.CardText("And some text"), ]), ], color="dark", inverse=True, ), ])
dbc.Button( "Listen Now", className="mr-1", color="info", href="https://open.spotify.com/playlist/65XgqkWUTIdLZm9rXqTp3x"), ]), ] recsCenter = dbc.Col( [ html.Center(children=[ html.Span(' ', className='mr-1'), dbc.CardGroup( dbc.Card( dbc.CardBody( dbc.CardColumns([ dbc.Card(pod1, color="light"), dbc.Card(trisacard, color="light"), dbc.Card(pod2, color="light"), ])))) ]) ], md=10, ) singleColumn = dbc.Col([], md=1) doubleColumn = dbc.Col([], md=2) tripleColumn = dbc.Col([], md=3) footer = dbc.Col( [ html.Div([ dbc.Alert(html.Center([
cards_group_ctrl = dbc.CardGroup([ dbc.Card([ dbc.CardHeader('Orders to Cart Ratio'), dbc.CardBody([ dbc.CardTitle(id='ctrl-o_to_c'), #dbc.CardText('Orders to Cart') ]) ]), dbc.Card([ dbc.CardHeader('Average Kits Requested'), dbc.CardBody([ dbc.CardTitle(id='ctrl-avg_kits_requested', ), #dbc.CardText('Program Breakdown') ]) ]), dbc.Card([ dbc.CardHeader('Count of Kits Returned'), dbc.CardBody([ dbc.CardTitle(id='ctrl-total_kits_requested'), #dbc.CardText('Program Breakdown') ]) ]), dbc.Card([ dbc.CardHeader('Average Kit Return Time'), dbc.CardBody([dbc.CardTitle(id='ctrl-average_days_to_return')]) ]), dbc.Card([ dbc.CardHeader('Sample Received:Kits Shipped Ratio'), dbc.CardBody([ dbc.CardTitle(id='ctrl-sample_to_shipped_ratio'), #dbc.CardText('Average Kits requested') ]) ]) ])
dbc.CardGroup([ dbc.Card([ dbc.CardImg(id='player1-img'), dbc.CardBody([ html.H4(id='player1-name'), dbc.Table( html.Tbody([ html.Tr([ html.Td( html.Img(id='player1-level', style={ 'width': '50px', 'height': '50px' })), html.Td(id='player1-elo') ]), html.Tr([ html.Td(id='player1-label'), html.Td(id='player1-average') ]), ])), dbc.Button("Go to Steam Profile", id='player1-steam') ]) ], id='card-player1', color="dark", inverse=True), dbc.Card([ dbc.CardBody([ html.H1("VS", style={ "text-align": "center", "font-size": "80px" }), ]) ], id='card-vs', color="dark", inverse=True), dbc.Card([ dbc.CardImg(id='player2-img'), dbc.CardBody([ html.H4(id='player2-name'), dbc.Table( html.Tbody([ html.Tr([ html.Td( html.Img(id='player2-level', style={ 'width': '50px', 'height': '50px' })), html.Td(id='player2-elo') ]), html.Tr([ html.Td(id='player2-label'), html.Td(id='player2-average') ]), ])), dbc.Button("Go to Steam Profile", id='player2-steam') ]) ], id='card-player2', color="dark", inverse=True) ]),
dbc.CardGroup([ dbc.Card(dbc.CardBody([ html.H2(id='case-count', className="card-title", style={ 'font-weight': 'bold', 'text-align': 'center' }), html.H5("cases", className="card-title", style={ 'font-weight': 'bold', 'text-align': 'center', 'margin-bottom': 0 }), html.H5("today", className="card-title", style={ 'font-weight': 'bold', 'text-align': 'center' }), html.Br(), html.P(id='total-cases-region', className="card-text") ]), color='warning', inverse=True), dbc.Card(dbc.CardBody([ html.H2(id='death-count', className="card-title", style={ 'font-weight': 'bold', 'text-align': 'center' }), html.H5("deaths ", className="card-title", style={ 'font-weight': 'bold', 'text-align': 'center', 'margin-bottom': 0 }), html.H5("today", className="card-title", style={ 'font-weight': 'bold', 'text-align': 'center' }), html.Br(), html.P(id='total-deaths-region', className="card-text") ]), color='danger', inverse=True), dbc.Card(dbc.CardBody([ html.H2(id='test-count', className="card-title", style={ 'font-weight': 'bold', 'text-align': 'center' }), html.H5("individuals tested today", className="card-title", style={ 'font-weight': 'bold', 'text-align': 'center' }), html.Br(), html.P(id='total-tests-region', className="card-text") ]), color='info', inverse=True), dbc.Card(dbc.CardBody([ html.H2(id='recover-count', className="card-title", style={ 'font-weight': 'bold', 'text-align': 'center' }), html.H5("total recoveries today", className="card-title", style={ 'font-weight': 'bold', 'text-align': 'center' }), html.Br(), html.P(id='total-recoveries-region', className="card-text") ]), color='success', inverse=True) ])
import dash_core_components as dcc import dash_html_components as html app = dash.Dash(__name__, external_stylesheets=[dbc.themes.BOOTSTRAP]) card = dbc.Card( [dbc.CardHeader("Header"), dbc.CardBody("Body", style={"height": 250})], className="h-100 mt-4", ) graph_card = dbc.Card(dbc.CardBody([dcc.Graph(style={"height": 200})] * 2)) app.layout = dbc.Container( dbc.Row([ dbc.Col(card, width=2), dbc.Col( [ dbc.CardDeck([card] * 3, ), dbc.CardGroup([graph_card] * 2, className="mt-4"), ], width=8, ), dbc.Col(card, width=2), ], ), fluid=True, ) if __name__ == "__main__": app.run_server(debug=True)
ClINICAL_TRIALS_METRICS = [ dbc.CardHeader(html.H5("Study Characteristics")), dbc.CardBody([ dcc.Loading( id="loading-clin-data", children=[ dbc.Alert( "Not enough data to render this plot, please adjust the filters", id="nont-enough-data", color="warning", style={"display": "none"}, ), dbc.CardGroup([ dbc.Card(dcc.Graph(id='phase-bars')), dbc.Card(dcc.Graph(id='company-pie')), dbc.Card(dcc.Graph(id='sponsor-graph')), dbc.Card(dcc.Graph(id='indication-bar')), ]), dbc.CardHeader(html.H5("Trial Averages")), dbc.CardGroup([ dbc.Card(dcc.Graph(id='study-size')), dbc.Card(dcc.Graph(id='study-duration')) ]) ], style={ "marginTop": 1, "marginBottom": 1, "width": 1 }, ), ])
card_question = dbc.CardGroup([ dbc.Card( [ dbc.CardBody([ html.H4("Sentiment Analysis", className="card-title"), html. P("5 Basics steps that needs to be followed for any machine learning project", className="card-text"), dbc.ListGroup([ dbc.ListGroupItem("Step-1 Gather data "), dbc.ListGroupItem("Step-2 preprocess your data"), dbc.ListGroupItem( "Step-3 Train your machine learning model"), dbc.ListGroupItem("Step-4 Test your model"), dbc.ListGroupItem("Step-5 Improve"), ], flush=True) ]), ], color="warning", ), dbc.Card([ html.H4("Composition of positive reviews and negative reviews", className="card-title", style={'color': 'lumen'}), html.Hr(), dcc.Graph(figure=pie_c()), dbc.ListGroupItem( "the data was gathered from scraping the website and following is the pie-chart of the positive and negative reviews" ), html. P("---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------", className="card-text") ], outline=False) ])
def make_social_media_share(location): # got these buttons from simplesharebuttons.com, Yolandi Vi$$er return [ dbc.CardGroup([ dbc.Card([ # Facebook html.A(href=f'http://www.facebook.com/sharer.php?u={location}', target='_blank', children=dbc.CardImg(src='/assets/images/MiniFB.png', alt='Share with Facebook', title='Share with Facebook', style={ 'width': 50, 'height': 50 })), ]), dbc.Card([ # LinkedIn html. A(href= f'http://www.linkedin.com/shareArticle?mini=true&url={location}', target='_blank', children=dbc.CardImg(src='/assets/images/MiniLinkedIn.png', alt='Share with LinkedIn', title='Share with LinkedIn', style={ 'width': 50, 'height': 50 })), ]), dbc.Card([ # Twitter html. A(href= f'http://twitter.com/share?url={location}&text=Stock_Analysis&hashtags=StockAnalysis', target='_blank', children=dbc.CardImg(src='/assets/images/MiniTwitter.png', alt='Tweet this!', title='Tweet this!', style={ 'width': 50, 'height': 50 })), ]), # , style={"width": "5rem"} dbc.Card([ # Pinterest html. A(href= f'https://pinterest.com/pin/create/button/?url={location}&media=StockAnalysis&description=StockAnalysis', target='_blank', children=dbc.CardImg(src='/assets/images/MiniPinterest.png', alt='Pin It!', title='Pin It!', style={ 'width': 50, 'height': 50 })), ]), dbc.Card([ # Email html. A(href= f'mailto:?Subject=Stock Analysis Web App&Body=I saw this and wanted to share it with you: {location}', target='_blank', children=dbc.CardImg(src='/assets/images/MiniEmail.png', alt='Email link!', title='Email link!', style={ 'width': 50, 'height': 50 })), ]), #dbc.Card([]) # empty card at end as spacer ]) ]