بناء تطبيق (Dash) باستخدام بايثون

داش (Dash) هو إطار عمل مفتوح المصدر يمكن استخدامه لتطوير وبناء واجهات المستخدم لتطبيقات تحليل وتصوير البيانات والذكاء الاصطناعي. وقد تم إصدارها كمكتبة (حزمة) في لغة البرمجة بايثون في عام 2017 من خلال شركة Plotly وتعمل على تطويرها وتحديثها وتقديم الدعم فيما يخص الاستخدام التجاري. لبناء تطبيق باستخدام داش يمكن اتباع الخطوات التالي:

1. تثبيت وتفعيل الحزم اللازمة :

In:
from dash import Dash, html

هذه تمثل فقط الحزم الأساسية وسوف نحتاج حزم  اخرى عند بناء تطبيق اكثر تعقيدا سواء لدعم واجهة التطبيق او لدعم وظائفه المتعلقة بتحليل وتصوير البيانات او الذكاء الاصطناعي.

2. ابتداء التطبيق :

In:
app = Dash(__name__)

3. بناء واجهة التطبيق وتتضمن جميع العناصر ومكونات التطبيق التي سيتم عرضها في متصفح الويب :

In:
app.layout = html.Div([
...
])

4. تشغيل التطبيق:

In:
if __name__ == '__main__':
app.run_server(port=****)

حيث يتم استبدال ****  برقم المنفذ الذي سوف يتم تشغيل التطبيق من خلاله.

مثال(1): بناء تطبيق “Hello World” كما يلي:

In:
from dash import Dash, html

app = Dash(__name__)

app.layout = html.Div([
    html.Div(children='Hello World')
])


if __name__ == '__main__':
    app.run_server(port=2323)

مثال(2): بناء تطبيق لتصوير البيانات:

سوف نستخدم البيانات Breast Cancer Wisconsin Data Set وذلك كما يلي:

In:
from dash import Dash, html, dcc
import pandas as pd
import plotly.express as px

df = pd.read_csv('wdbc.csv',sep=',')

app = Dash(__name__)

app.layout = html.Div([
    dcc.Graph(figure=px.scatter(df, x="concave points_worst", y="symmetry_worst")),
    dcc.Graph(figure=px.pie(df, values='symmetry_worst', names='diagnosis')),   
])

if __name__ == '__main__':
    app.run_server(port=2323)