Python Примеры dash_html_components.div
Ниже приведены 30 примеры кода dash_html_components.div() . Вы можете проголосовать за те, которые вам нравятся, или проголосовать против тех, которые вам не нравятся, и перейдите к исходному проекту или исходному файлу, перейдя по ссылкам над каждым примером. Вы также можете проверить все доступные функции/классы модуля. dash_html_components или воспользуйтесь функцией поиска .
Пример #1
def getLayout():
вернуть html.Div([
html.h2(id='Title1',children='Несколько интервалов на одной странице',style={'text-align':'center'}),
html.Div(id='Title2', дети='''
Протестируйте несколько интервалов на одной странице.
''',style={'margin-bottom':'50px', 'text-align':'center'}),
html.Div('Div1',id='div1'),
html.Div('Div2',id='div2'),
html.Div('Div3',id='div3'),
dcc.Интервал(
,
interval=500 # в миллисекундах
),
dcc.
Интервал(
,
interval=300 # в миллисекундах
),
dcc.Интервал(
,
interval=400 # в миллисекундах
)
]) 
Пример #2
def calculate_stats(questions: List[Question], db_path):
n_total = len(вопросы)
n_guesser_train = sum(1 для q в вопросах, если q.fold == 'guesstrain')
n_guesser_dev = sum(1 для q в вопросах, если q.fold == 'guessdev')
n_buzzer_train = sum(1 для q в вопросах, если q.fold == 'buzzertrain')
n_buzzer_dev = sum(1 для q в вопросах, если q.fold == 'buzzerdev')
n_dev = sum(1 для q в вопросах, если q.fold == 'dev')
n_test = sum(1 для q в вопросах, если q.fold == 'test')
columns = ['N Total', 'N Guesser Train', 'N Guesser Dev', 'N Buzzer Train', 'N N Buzzer Dev', 'N Dev', 'N Test']
data = np.array([n_total, n_guesser_train, n_guesser_dev, n_buzzer_train, n_buzzer_dev, n_dev, n_test])
norm_data = 100 * данные / n_total
вернуть html.Div([
html.Label('Путь к базе данных'), html. Div(db_path),
html.h3('Свернуть распределение'),
html.Таблица(
[
html.Tr([html.Th(c) для c в столбцах]),
html.Tr([html.Td(c) для c в данных]),
html.Tr([html.Td(f'{c:.2f}%') для c в norm_data])
]
)
]) 
Div(db_path),
html.h3('Свернуть распределение'),
html.Таблица(
[
html.Tr([html.Th(c) для c в столбцах]),
html.Tr([html.Td(c) для c в данных]),
html.Tr([html.Td(f'{c:.2f}%') для c в norm_data])
]
)
]) Пример #3
def update_position_selection(rows,derived_virtual_selected_rows):
если производный_виртуальный_выбранный_ряд равен None:
производные_виртуальные_выбранные_строки = []
если строки равны None:
дф3 = дф3
еще:
dff3 = pd.DataFrame(строки)
пытаться:
active_row_txid = dff3['txid'][derived_virtual_selected_rows[0]]
вернуть html.Div([
html.H5("Выбранная позиция: " + active_row_txid),
html.Div(id='active_row_txid', children=active_row_txid, style={'display': 'none'})
]
)
кроме Исключения как e:
проходить
# обратный вызов кнопки добавления средств Пример #4
def display_graphs(n_clicks):
графики = []
для i в диапазоне (n_clicks):
graphs. append(dcc.Graph(
.формат(я),
фигура = {
'данные': [{
«х»: [1, 2, 3],
'у': [3, 1, 2]
}],
'макет': {
'title': 'График {}'.format(i)
}
}
))
return html.Div(graphs) 
append(dcc.Graph(
.формат(я),
фигура = {
'данные': [{
«х»: [1, 2, 3],
'у': [3, 1, 2]
}],
'макет': {
'title': 'График {}'.format(i)
}
}
))
return html.Div(graphs) Пример #5
def display_output(n_clicks):
print('display_output' + str(n_clicks))
если n_clicks == 0:
возвращаться ''
вернуть html.Div([
html.Div([
dcc.Input(
значение = 'Введите {}'. формат (я),
.формат(я)
)
для я в диапазоне (10)
]),
дт.ТаблицаДанных(
строки = [{'Загрузка': ''}],
),
html.Div (id = 'динамический вывод')
]) Пример #6
def layout():
вернуть html.Div([
html.Button('Запустить процесс',),
dcc.Interval(id='интервал', интервал=500),
html. Div (идентификатор = 'замок'),
html.Div (идентификатор = 'выход'),
]) 
Div (идентификатор = 'замок'),
html.Div (идентификатор = 'выход'),
]) Пример #7
def prepare_send():
lКэш = []
cData = получить_Все_данные()
для пары в ПАРАХ:
тикер = пара.тикер
обмен = пара.обмен
graph = 'live-graph-' + биржа + "-" + тикер
lCache.append(html.Br())
если (пара. Подготовка данных):
lCache.append(dcc.Graph(
идентификатор = график,
фигура = cData [обмен + тикер]
))
еще:
lCache.append(html.Div(id=graph))
вернуть lCache
# привязываем создание графика к интервалу автообновления
# создает один обратный вызов для каждой валютной пары; легко воспроизвести / добавить новые пары Пример #8
def surface_names_layout(self):
вернуть html.Div(
стиль = self.set_style (marginTop = "20px"),
дети = html. Метка (
дети=[
html.Span("Поверхность:", стиль={"вес шрифта": "полужирный"}),
dcc. Dropdown(
id=self.ids("поверхностные имена"),
варианты=[
{"label": имя, "значение": имя} для имени в self.surfacenames
],
значение = self.surfacenames,
clearable=Верно,
мульти = Истина,
),
]
),
) 
Dropdown(
id=self.ids("поверхностные имена"),
варианты=[
{"label": имя, "значение": имя} для имени в self.surfacenames
],
значение = self.surfacenames,
clearable=Верно,
мульти = Истина,
),
]
),
) Пример #9
def divs_list():
вернуть [html.Div([
dcc.Markdown(
'',
.формат(идентификатор)
),
html.P(
'',
.формат(идентификатор)
),
html.Кнопка(
'Удалить',
.формат(идентификатор),
стиль={'ширина': '49%'}
),
html.Кнопка(
«Старт/Стоп»,
.формат(идентификатор),
style={'marginLeft': '2%', 'ширина': '49%'}
),
html.Hr()
],.format(id)) для id в IDS] Пример #10
def display_page(pathname):
печать (имя пути)
если путь == '/':
вернуть html. Div([
html.Div('Вы находитесь на главной странице.'),
# компонент dcc.Link обновляет путь `Location`
# без перезагрузки страницы
dcc.Link(html.A('Перейти на страницу 2 без обновления!'), href="/page-2", style={'color': 'blue', 'text-decoration': 'none'}) ,
html.Хр(),
html.A('Перейти на страницу 2, но обновить страницу', href="/page-2")
])
Элиф путь == '/page-2':
вернуть html.Div([
html.h5('Добро пожаловать на страницу 2'),
dcc.Link(html.A('Вернуться домой'), href="/"),
])
еще:
return html.Div('Думаю, это что-то вроде ошибки 404 – контент недоступен')
# app.css.append_css({"external_url": "https://codepen.io/chriddyp/pen/bWLwgP.css"}) 
Div([
html.Div('Вы находитесь на главной странице.'),
# компонент dcc.Link обновляет путь `Location`
# без перезагрузки страницы
dcc.Link(html.A('Перейти на страницу 2 без обновления!'), href="/page-2", style={'color': 'blue', 'text-decoration': 'none'}) ,
html.Хр(),
html.A('Перейти на страницу 2, но обновить страницу', href="/page-2")
])
Элиф путь == '/page-2':
вернуть html.Div([
html.h5('Добро пожаловать на страницу 2'),
dcc.Link(html.A('Вернуться домой'), href="/"),
])
еще:
return html.Div('Думаю, это что-то вроде ошибки 404 – контент недоступен')
# app.css.append_css({"external_url": "https://codepen.io/chriddyp/pen/bWLwgP.css"}) Пример #11
def layout(self) -> html.Div:
вернуть html.Div(
дети=[
wcc.FlexBox(
дети=[
html.Div(
id=self. uuid("селектор-строка"),
стиль = {"дисплей": "нет"}
если самоблокировка
иначе {"ширина": "15%"},
дети = self.plot_option_layout(),
),
wcc.График(
id=self.uuid("идентификатор графика"),
стиль={"высота": "80вх", "ширина": "60%"},
),
html.Div(style={"width": "15%"}, children=self.filter_layout()),
],
)
]
) 
uuid("селектор-строка"),
стиль = {"дисплей": "нет"}
если самоблокировка
иначе {"ширина": "15%"},
дети = self.plot_option_layout(),
),
wcc.График(
id=self.uuid("идентификатор графика"),
стиль={"высота": "80вх", "ширина": "60%"},
),
html.Div(style={"width": "15%"}, children=self.filter_layout()),
],
)
]
) Пример #12
def layout(self) -> html.Div:
стиль = {
"цвет": self.color,
"фоновое изображение": f"url({self.image_url})",
"высота": f"{self.height}px",
}
если self.shadow:
стиль["text-shadow"] = "0.05em 0.05em 0"
если self.color == "белый":
стиль["текстовая тень"] += "rgba(0, 0, 0, 0. 7)"
еще:
стиль["текстовая тень"] += "rgba(255, 255, 255, 0.7)"
вернуть html.Div(self.title, className="_banner_image", style=style) 
Пример #13
def create_description():
div = html.Div(
дети=[
dcc.Markdown('''
Чем краснее внешний круг, тем выше величина. Чем темнее
внутренний круг, тем глубже землетрясение.
> В настоящее время ни одна организация, правительство или ученый не способны
> успешно предсказать время и возникновение
> землетрясение.
> — Майкл Бланпьед
Используйте приведенную ниже таблицу, чтобы узнать больше о {} землетрясениях, которые
превысил магнитуду 4,5 в прошлом месяце.
***
'''.format(data['metadata']['count']).replace(' ', '')),
],
)
вернуть раздел Пример #14
def setUp(self):
"""Настройка для тестов. Необходимо предоставить Flask.test_client() для всех тестов. Далее
конфигурация (например, FlaskLoginAuth) должна быть предоставлена в тестах."""
сервер = фляга (__имя__)
server.config.update(
SECRET_KEY = os.urandom(12),
)
self.app = Dash(name='app1', url_base_pathname='/app1', server=сервер)
self.app.layout = html.Div('Привет, мир!')
self.add_auth_app = Dash(name='add_auth_app', url_base_pathname='/add-auth-app', server=server)
self.add_auth_app.layout = html.Div('Привет, мир!')
self.multi_app_no_auth = Dash(name='multi_app_no_auth', url_base_pathname='/app-no-auth', server=server)
self.multi_app_no_auth.layout = html.Div('Привет, мир!')
# Выдаст ошибку, потому что у него другой сервер
self.crash_app = Dash(name='crash', url_base_pathname='/crash-app')
self.crash_app.layout = html.Div('Прощай, жестокий мир!')
self.server = сервер.test_client()
self.assertEqual(server. debug, False) 
Необходимо предоставить Flask.test_client() для всех тестов. Далее
конфигурация (например, FlaskLoginAuth) должна быть предоставлена в тестах."""
сервер = фляга (__имя__)
server.config.update(
SECRET_KEY = os.urandom(12),
)
self.app = Dash(name='app1', url_base_pathname='/app1', server=сервер)
self.app.layout = html.Div('Привет, мир!')
self.add_auth_app = Dash(name='add_auth_app', url_base_pathname='/add-auth-app', server=server)
self.add_auth_app.layout = html.Div('Привет, мир!')
self.multi_app_no_auth = Dash(name='multi_app_no_auth', url_base_pathname='/app-no-auth', server=server)
self.multi_app_no_auth.layout = html.Div('Привет, мир!')
# Выдаст ошибку, потому что у него другой сервер
self.crash_app = Dash(name='crash', url_base_pathname='/crash-app')
self.crash_app.layout = html.Div('Прощай, жестокий мир!')
self.server = сервер.test_client()
self.assertEqual(server.
Пример #15
def attribute_selector(self):
вернуть html.Div(
стиль = {"дисплей": "сетка"},
дети=[
html.Label("Атрибут поверхности"),
html.Div(
стиль = self.set_grid_layout («6fr 1fr»),
дети=[
dcc.Dropdown(
идентификатор = self.attr_id,
варианты=[
{"label": attr, "value": attr} для attr в self.attrs
],
значение = self.attrs [0],
ясно = Ложь,
),
self._make_buttons(
self.attr_id_btn_prev, self.attr_id_btn_next
),
],
),
],
) Пример #16
def _make_buttons(self, prev_id, next_id):
вернуть html. Div(
стиль = self.set_grid_layout («1fr 1fr»),
дети=[
html.Кнопка(
стиль = {
"размер шрифта": "2rem",
"paddingLeft": "5px",
"paddingRight": "5px",
},
идентификатор = предыдущий_ид,
дети="⬅",
),
html.Кнопка(
стиль = {
"размер шрифта": "2rem",
"paddingLeft": "5px",
"paddingRight": "5px",
},
идентификатор = следующий_ид,
дети="➡",
),
],
) 
Div(
стиль = self.set_grid_layout («1fr 1fr»),
дети=[
html.Кнопка(
стиль = {
"размер шрифта": "2rem",
"paddingLeft": "5px",
"paddingRight": "5px",
},
идентификатор = предыдущий_ид,
дети="⬅",
),
html.Кнопка(
стиль = {
"размер шрифта": "2rem",
"paddingLeft": "5px",
"paddingRight": "5px",
},
идентификатор = следующий_ид,
дети="➡",
),
],
) Пример #17
def layout(self):
вернуть html.Div(
дети=[
html.Div(
дети=[
self.attribute_selector,
самовыбор(
self. name_wrapper_id,
self.name_id,
«Поверхностное имя»,
self.name_id_btn_prev,
self.name_id_btn_next,
),
самовыбор(
self.date_wrapper_id,
self.date_id,
"Дата",
self.date_id_btn_prev,
self.date_id_btn_next,
),
]
),
dcc.Store(id=self.storage_id),
]
) 
name_wrapper_id,
self.name_id,
«Поверхностное имя»,
self.name_id_btn_prev,
self.name_id_btn_next,
),
самовыбор(
self.date_wrapper_id,
self.date_id,
"Дата",
self.date_id_btn_prev,
self.date_id_btn_next,
),
]
),
dcc.Store(id=self.storage_id),
]
) Пример #18
def well_layout(self):
вернуть html.Div(
дети = html. Метка (
дети=[
html.Span("Хорошо:", style={"font-weight": "bold"}),
dcc.Dropdown(
id=self.ids("колодцы"),
варианты=[
{"метка": путь(хорошо). стебель, "значение": хорошо}
для колодца в self.wellfiles
],
значение = self.wellfiles [0],
ясно = Ложь,
),
]
)
) 
стебель, "значение": хорошо}
для колодца в self.wellfiles
],
значение = self.wellfiles [0],
ясно = Ложь,
),
]
)
) Пример #19
def ансамбль_layout(self):
вернуть html.Div(
стиль = self.set_style (marginTop = "20px"),
дети = html. Метка (
дети=[
html.Span("Ансамбль:", стиль={"вес шрифта": "полужирный"}),
dcc.Dropdown(
id=self.ids("ансамбли"),
варианты=[
{"метка": en, "значение": en}
для ens в self.ensembles.keys()
],
значение = список (self.ensembles.keys ()) [0],
ясно = Ложь,
мульти=ложь,
),
]
),
) Пример #20
def seismic_layout(self):
если self. segyfiles:
вернуть html.Div(
стиль = self.set_style (marginTop = "20px")
если self.segyfiles
еще {"дисплей": "нет"},
дети = html. Метка (
дети=[
html.Span("Сейсморазведка:", style={"font-weight": "bold"}),
dcc.Dropdown(
идентификатор = self.ids ("куб"),
варианты=[
{"метка": путь(segy).stem, "значение": segy}
для сеги в self.segyfiles
],
значение = self.segyfiles [0],
ясно = Ложь,
),
]
),
)
вернуть html.Div(
style={"видимость": "скрытый"}, children=dcc.Dropdown(id=self.ids("куб"))
) 
segyfiles:
вернуть html.Div(
стиль = self.set_style (marginTop = "20px")
если self.segyfiles
еще {"дисплей": "нет"},
дети = html. Метка (
дети=[
html.Span("Сейсморазведка:", style={"font-weight": "bold"}),
dcc.Dropdown(
идентификатор = self.ids ("куб"),
варианты=[
{"метка": путь(segy).stem, "значение": segy}
для сеги в self.segyfiles
],
значение = self.segyfiles [0],
ясно = Ложь,
),
]
),
)
вернуть html.Div(
style={"видимость": "скрытый"}, children=dcc.Dropdown(id=self.ids("куб"))
) Пример #21
def marginal_log_layout(self):
если self. marginal_logs не None:
вернуть html.Div(
дети = html. Метка (
дети=[
html.Span("Маргинальный журнал:", style={"font-weight": "bold"}),
dcc.Dropdown(
id = self.ids («маргинальный журнал»),
варианты=[
{"метка": журнал, "значение": журнал}
для входа в self.marginal_logs
],
placeholder="Показать журнал",
clearable=Верно,
),
]
),
)
вернуть html.Div(
стиль = {"видимость": "скрытый"},
дети = dcc.Dropdown (id = self.ids («маргинальный журнал»)),
) 
marginal_logs не None:
вернуть html.Div(
дети = html. Метка (
дети=[
html.Span("Маргинальный журнал:", style={"font-weight": "bold"}),
dcc.Dropdown(
id = self.ids («маргинальный журнал»),
варианты=[
{"метка": журнал, "значение": журнал}
для входа в self.marginal_logs
],
placeholder="Показать журнал",
clearable=Верно,
),
]
),
)
вернуть html.Div(
стиль = {"видимость": "скрытый"},
дети = dcc.Dropdown (id = self.ids («маргинальный журнал»)),
) Пример #22
def selector(self, label, id_name, column):
вернуть html.Div(
дети = html. Метка (
дети=[
html. Span(f"{label}:", style={"font-weight": "bold"}),
dcc.Dropdown(
id=self.uuid(id_name),
варианты=[
{"метка": я, "значение": я}
для i в списке (self.volumes [column].unique())
],
ясно = Ложь,
значение = список (self.volumes [столбец]) [0],
),
]
),
) 
Span(f"{label}:", style={"font-weight": "bold"}),
dcc.Dropdown(
id=self.uuid(id_name),
варианты=[
{"метка": я, "значение": я}
для i в списке (self.volumes [column].unique())
],
ясно = Ложь,
значение = список (self.volumes [столбец]) [0],
),
]
),
) Пример #23
def plot_selector(self):
"""Радиокнопки для выбора типа графика"""
вернуть html.Div(
дети=[
html.Span("Тип графика:", style={"font-weight": "bold"}),
dcc.Dropdown(
id = self.uuid («тип сюжета»),
варианты=[
{"метка": я, "значение": я}
для меня в [
«За реализацию»,
"По названию чувствительности",
"На случай чувствительности",
]
],
значение = "За реализацию",
ясно = Ложь,
),
]
) Пример #24
def response_selector(self):
"""Выпадающий список для выбора объемного отклика"""
вернуть html. Div(
дети = html. Метка (
дети=[
html.Span("Объемный расчет:", style={"font-weight": "bold"}),
dcc.Dropdown(
id=self.uuid("ответ"),
варианты=[
{"метка": описание_тома(я), "значение": я}
для я в ответах на себя
],
ясно = Ложь,
значение = self.initial_response
если self.initial_response в self.responses
иначе самоответы[0],
),
]
),
) 
Div(
дети = html. Метка (
дети=[
html.Span("Объемный расчет:", style={"font-weight": "bold"}),
dcc.Dropdown(
id=self.uuid("ответ"),
варианты=[
{"метка": описание_тома(я), "значение": я}
для я в ответах на себя
],
ясно = Ложь,
значение = self.initial_response
если self.initial_response в self.responses
иначе самоответы[0],
),
]
),
) Пример #25
def filter_selectors(self):
"""Выпадающие списки для столбцов фрейма данных, которые можно фильтровать (зона, регион и т. д.)"""
возвращаться [
html.Div(
дети=[
html.Детали(
открыть = Верно,
дети=[
html. Summary(selector.lower().capitalize()),
wcc.Select(
id=self.selectors_id[селектор],
варианты=[
{"метка": я, "значение": я}
для я в списке (self.volumes [селектор]. уникальный ())
],
значение = список (self.volumes [селектор]. уникальный ()),
мульти = Истина,
size=min(20, len(self.volumes[селектор].unique())),
),
],
)
]
)
для селектора в self.selectors
] 
Summary(selector.lower().capitalize()),
wcc.Select(
id=self.selectors_id[селектор],
варианты=[
{"метка": я, "значение": я}
для я в списке (self.volumes [селектор]. уникальный ())
],
значение = список (self.volumes [селектор]. уникальный ()),
мульти = Истина,
size=min(20, len(self.volumes[селектор].unique())),
),
],
)
]
)
для селектора в self.selectors
] Пример #26
def layout(self):
"""Основной макет"""
вернуть wcc.FlexBox(
идентификатор = self.ids («макет»),
дети=[
html.Div(
стиль = {"flex": 3},
дети=[
wcc. Graph(self.ids("граф корреляции")),
dcc.Store (id = self.ids («начальный параметр»)),
],
),
html.Div(
стиль = {"flex": 3},
дети = wcc.Graph (self.ids («граф распределения»)),
),
html.Div(
стиль = {"гибкий": 1},
дети = self.control_layout + self.filter_layout
если self.response_filters
еще [],
),
],
) 
Graph(self.ids("граф корреляции")),
dcc.Store (id = self.ids («начальный параметр»)),
],
),
html.Div(
стиль = {"flex": 3},
дети = wcc.Graph (self.ids («граф распределения»)),
),
html.Div(
стиль = {"гибкий": 1},
дети = self.control_layout + self.filter_layout
если self.response_filters
еще [],
),
],
) Пример #27
def ансамбль_селектор(сам):
"""Выпадающий список для выбора ансамбля"""
вернуть html.Div(
стиль = {"paddingBottom": "30px"},
дети = html. Метка (
дети=[
html.Span("Ансамбль:", стиль={"вес шрифта": "полужирный"}),
dcc.Dropdown(
id=self.ids("ансамбль"),
варианты=[
{"метка": я, "значение": я}
для i в списке (self. data["АНСАМБЛЬ"].unique())
],
ясно = Ложь,
значение = список (self.data ["АНСАМБЛЬ"]. уникальный ()) [0],
),
]
),
) 
data["АНСАМБЛЬ"].unique())
],
ясно = Ложь,
значение = список (self.data ["АНСАМБЛЬ"]. уникальный ()) [0],
),
]
),
) Пример #28
def smry_selector(self):
"""Выпадающий список для выбора ансамбля"""
вернуть html.Div(
стиль = {"paddingBottom": "30px"},
дети = html. Метка (
дети=[
html.Span("Временные ряды:", style={"font-weight": "bold"}),
dcc.Dropdown(
идентификатор = self.ids («вектор»),
варианты=[
{
"метка": f"{simulation_vector_description(vec)} ({vec})",
"значение": век,
}
для vec в self.smry_cols
],
ясно = Ложь,
значение = self.