Учебник Dash

Dash — это фреймворк с открытым исходным кодом на основе Python для быстрого создания веб-приложений, управляемых данными.

Основное преимущество Dash заключается в простоте использования и гибкости, что позволяет даже разработчикам без опыта фронтенд-разработки начать работу без усилий.

Dash позволяет пользователям создавать интерактивные приложения для визуализации данных с помощью простого кода на Python, без необходимости осваивать сложные фронтенд-технологии, такие как JavaScript, HTML и CSS.


Кому следует читать это руководство?

Dash — это мощный инструмент, подходящий для разработчиков, которые хотят быстро создавать веб-приложения, управляемые данными.

Dash особенно подходит для специалистов по данным, аналитиков и инженеров. Он позволяет создать мощное веб-приложение с помощью нескольких строк кода, которое демонстрирует результаты анализа данных, прогнозы моделей машинного обучения или другие возможности, управляемые данными.

Основная цель Dash — позволить пользователям сосредоточиться на данных и логике, а не на фронтенд-разработке.

С помощью Dash вы можете создать мощное веб-приложение с помощью нескольких строк кода, которое демонстрирует результаты анализа данных, прогнозы моделей машинного обучения или другие возможности, управляемые данными.

Dash может превращать сложные задачи анализа и визуализации данных в интерактивные веб-приложения, тем самым более эффективно представляя результаты работы и делясь ими.


Что нужно знать перед изучением этого учебника

Этот учебник подходит разработчикам с базовыми знаниями Python. Если вы не знакомы с Python, вы можете обратиться кБазовому руководству по Python 3.x。


Простая программа на Dash

Ниже приведён базовый пример Dash:

Пример

# Импорт связанных с Dash библиотек
from dash import Dash, dcc, html, Ввод, Вывод

# Создание экземпляра приложения Dash
app = Dash(__name__)

# Определить макет приложения
app.layout = html.Div([
    # Создать поле ввода текста
    dcc.Input(
        id='input',  # ID входного элемента, используется для функции обратного вызова
        value='initial value',  # Значение по умолчанию для поля ввода
        type='text'  # Тип ввода — текст
    ),
    # Создать Div для отображения вывода
    html.Div(id='output')
])

# Определить функцию обратного вызова
@app.callback(
    Output('output', 'children'),  # Вывод в свойство children компонента Div с id 'output'
    Input('input', 'value')  # Входные данные берутся из свойства value поля ввода с id 'input'
)
def update_output_div(input_value):
    # Возвращает форматированную строку, отображающую ввод пользователя
    return f'Вы ввели: {input_value}'

# Запустить приложение
if __name__ == '__main__':
    app.run_server(debug=True)  # Запускает приложение, debug=True включает режим отладки

Это простое приложение содержит поле ввода и область отображения. Когда пользователь вводит содержимое в поле ввода, область отображения обновляется в реальном времени, показывая то, что ввёл пользователь.


Связанные ссылки

Официальный сайт:https://plotly.com/dash/

Адрес открытого исходного кода на GitHub:https://github.com/plotly/dash

Официальная документация Dash:https://dash.plotly.com/

Другие расширения