def _perform_layout(self):
ddk = import_ddk()
children = []
if self.title is not None:
children.append(ddk.Header([ddk.Title(self.title)]))
# Input card
sidebar_children = []
sidebar_children.append(
ddk.ControlCard(
children=self.get_containers("input"),
)
)
sidebar = ddk.Sidebar(
foldable=True,
children=sidebar_children,
style={"minWidth": self.sidebar_width if self.sidebar_width else "auto"},
)
children.append(sidebar)
output_card_children = []
output_card_children.extend(self.get_containers("output"))
output_card = ddk.ControlCard(output_card_children)
sidebar_companion = ddk.SidebarCompanion(output_card)
children.append(sidebar_companion)
return children
def _perform_layout(self):
ddk = import_ddk()
import dash_core_components as dcc
children = []
if self.title is not None:
children.append(ddk.Header([ddk.Title(self.title)]))
# Input card
sidebar_children = []
sidebar_children.append(
ddk.ControlCard(
children=self.get_containers("input"),
)
)
sidebar = ddk.Sidebar(
foldable=True,
children=sidebar_children,
style={"minWidth": self.sidebar_width if self.sidebar_width else "auto"},
)
children.append(sidebar)
self._tabs.children = [
dcc.Tab(
value=role,
label=title,
children=ddk.ControlCard(list(reversed(self.get_containers(role)))),
)
for role, title in self.tab_roles.items()
]
sidebar_companion = ddk.SidebarCompanion(self._tabs)
children.append(sidebar_companion)
return children
app = dash.Dash(__name__)
server = app.server # expose server variable for Procfile
graph_height = 300
graph_config = {'modeBarButtonsToRemove': ['hoverCompareCartesian', 'select2d', 'lasso2d'],
'doubleClick': 'reset+autosize', 'toImageButtonOptions': {'height': None, 'width': None, },
'displaylogo': False}
app.layout = ddk.App([
ddk.Header([
ddk.Logo(src=app.get_asset_url('logo.png'), style={
'max-height': 100,
'width': 'auto'
}),
ddk.Title('TELONAS2'),
ddk.SectionTitle('', id='final_date'),
html.Button('Refresh', style={'float': 'right'}, id='refresh', n_clicks=0),
]),
ddk.Block(
children=[
dcc.Tabs(id='selected-tab', value='load',
children=[
dcc.Tab(label="Load", value='load',
children=[ddk.Card(width=100,
children=[
dcc.Loading(id='load_loader', children=[
ddk.Graph(id="load_plot", config=graph_config)]),
]
)
]
import dash
import dash_design_kit as ddk
import dash_core_components as dcc
import dash_html_components as html
from dash.dependencies import Input, Output
app = dash.Dash(__name__)
server = app.server # expose server variable for Procfile
app.layout = ddk.App([
ddk.Header([
ddk.Logo(src=app.get_asset_url('logo.png')),
ddk.Title('Dash Enterprise Sample Application'),
]),
ddk.Row(children=[
ddk.Card(children=ddk.Graph(figure={
'data': [{
'x': [1, 2, 3, 4],
'y': [4, 1, 6, 9],
'line': {
'shape': 'spline'
}
}]
}, )),
]),
ddk.Row(children=[
ddk.Card(width=50,
children=ddk.Graph(figure={
'data': [{
'x': [1, 2, 3, 4],
'y': [4, 1, 6, 9],
#df3['LatLongTypeCount']=df3['name_old']
Type_list = list(df["Type"].unique())
totalFossilsFounds = len(df.axes[0])
# fig = px.scatter_geo(df, lat='Latitude', lon='Longitude', color="Country",
# hover_name="Country",
# projection="mercator",
# )
layout = ddk.App(
[
ddk.Header(
[
ddk.Logo(src=app.get_asset_url('trex.png')),
ddk.Title("Dino Fossil Data"),
]
),
dbc.Row(
children=[
dbc.Col(
dbc.Card(
dbc.CardBody(
children=[
html.Label('Period', style={'fontSize':30, 'textAlign':'center'}),
dcc.Dropdown(
id='period',
options=[
{"label": i, "value": i} for i in Period_list
],
multi=True,
return figure
app.layout = ddk.App(
show_editor=False, # setting to True allows styling after build
children=[
ddk.Header([
ddk.Logo(
"assets/6synctLogoBlack.png",
style={
"height": "30px",
"margin-right": "0px",
"width": "auto",
},
),
ddk.Title('NRC IRAP - Corporate Funding in Canada from 2018-2020'),
]), # end of ddk.Header
ddk.Block( # left-hand column
width=20,
children=[
dcc.Tabs([
dcc.Tab(
label='Map Filters',
children=[
ddk.ControlCard(
id='map-controls',
children=[
ddk.CardHeader(title='Search for Funding'),
ddk.ControlItem(dcc.Dropdown(
id='province-dropdown',
options=[{
update_redis_flag = os.environ.get('UPDATE_REDIS_FLAG')
if not update_redis_flag:
update_redis_flag = input("Update Redis: Y/N ? - ")
if update_redis_flag.upper() in ('YES', 'Y'):
tasks.update_data()
else:
print("skipping call to update redis cache")
app.layout = ddk.App(children=[
ddk.Header(children=[
dcc.Link(
href=app.get_relative_path("/"),
children=[ddk.Logo(src=app.get_relative_path("/assets/hnts.png"))],
),
ddk.Title("Daily Standup"),
html.Div([
html.P(
"Powered by",
style={
"float": "left",
'fontSize': 10,
"margin-bottom": "0px"
},
),
html.Img(src=app.get_asset_url("his.png"),
style={
"width": "130px",
"float": "left",
"margin-top": "0px",
"margin-left": "5px"
default_open=False,
children=[
dcc.Link('Team 1',
href=app.get_relative_path('/')),
dcc.Link('Team 2',
href=app.get_relative_path('/')),
]),
dcc.Link('Conditions', href=app.get_relative_path('/')),
dcc.Link('Historical', href=app.get_relative_path('/')),
dcc.Link('Portal', href=app.get_relative_path('/')),
])
app.layout = ddk.App([
ddk.Header([
ddk.Logo(src=app.get_asset_url('logo.png')),
ddk.Title(get_configuration()), menu
]),
ddk.Block(width=30,
children=[
ddk.ControlCard(controls),
ddk.ControlCard(controls),
ddk.ControlCard(controls),
]),
ddk.Block(width=70,
children=[
ddk.Row([
ddk.Card(width=50,
children=dcc.Markdown(
textwrap.dedent('''
Sed ut perspiciatis unde omnis iste natus
voluptatem accusantium doloremque laudantium,
default_open=False,
children=[
dcc.Link('Team 1',
href=app.get_relative_path('/')),
dcc.Link('Team 2',
href=app.get_relative_path('/')),
]),
dcc.Link('Conditions', href=app.get_relative_path('/')),
dcc.Link('Historical', href=app.get_relative_path('/')),
dcc.Link('Portal', href=app.get_relative_path('/')),
])
app.layout = ddk.App([
ddk.Header([
ddk.Logo(src=app.get_asset_url('logo.png')),
ddk.Title('Weekly Report'), menu
]),
ddk.Block(width=30,
children=[
ddk.ControlCard(controls),
ddk.ControlCard(controls),
ddk.ControlCard(controls),
]),
ddk.Block(width=70,
children=[
ddk.Row([
ddk.Card(width=50,
children=dcc.Markdown(
textwrap.dedent('''
Sed ut perspiciatis unde omnis iste natus
voluptatem accusantium doloremque laudantium,
import dash
import dash_design_kit as ddk
import plotly.express as px
import pandas as pd
app = dash.Dash(__name__)
server = app.server # expose server variable for Procfile
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")
app.layout = ddk.App(
show_editor=True,
children=[
ddk.Header([ddk.Title('Hello Dash')]),
ddk.Card(children=[
ddk.CardHeader(
title='Dash: A Web application framework for Python.'),
ddk.Graph(figure=fig)
])
])
def Header(children=None, logo=None, menu=None, title=None, height=None):
if not children:
children = []
return html.Div(children=([logo, ddk.Title(title), menu] + children),
className='layout-header',
style={'height': height})
