added the code, dockerfile and requirements.txt

.gitignore

@@ -0,0 +1,2 @@
+.vscode/
+.gitattributes

Dockerfile

@@ -0,0 +1,11 @@
+FROM python:3.9
+
+WORKDIR /code
+
+COPY ./requirements.txt /code/requirements.txt
+
+RUN pip install --no-cache-dir --upgrade -r /code/requirements.txt
+
+COPY . .
+
+CMD ["panel", "serve", "/code/app.py", "--address", "0.0.0.0","--port", "7860", "--allow-websocket-origin", "sheraznaseer-test_panelapp_2304.hf.space"]

app.py

@@ -0,0 +1,48 @@
+import panel as pn
+import hvplot.pandas
+
+# Load Data
+from bokeh.sampledata.autompg import autompg_clean as df
+
+# Make DataFrame Pipeline Interactive
+idf = df.interactive()
+
+# Define Panel widgets
+cylinders = pn.widgets.IntSlider(name='Cylinders', start=4, end=8, step=2)
+mfr = pn.widgets.ToggleGroup(
+    name='MFR',
+    options=['ford', 'chevrolet', 'honda', 'toyota', 'audi'],
+    value=['ford', 'chevrolet', 'honda', 'toyota', 'audi'],
+    button_type='success')
+yaxis = pn.widgets.RadioButtonGroup(
+    name='Y axis',
+    options=['hp', 'weight'],
+    button_type='success'
+)
+
+# Combine pipeline and widgets
+ipipeline = (
+    idf[
+        (idf.cyl == cylinders) &
+        (idf.mfr.isin(mfr))
+    ]
+    .groupby(['origin', 'mpg'])[yaxis].mean()
+    .to_frame()
+    .reset_index()
+    .sort_values(by='mpg')
+    .reset_index(drop=True)
+)
+
+# Pipe to hvplot
+ihvplot = ipipeline.hvplot(x='mpg', y=yaxis, by='origin', color=[
+                           "#ff6f69", "#ffcc5c", "#88d8b0"], line_width=6, height=400)
+
+# Layout using Template
+template = pn.template.FastListTemplate(
+    title='Interactive DataFrame Dashboards with hvplot .interactive',
+    sidebar=[cylinders, 'Manufacturers', mfr, 'Y axis', yaxis],
+    main=[ihvplot.panel()],
+    accent_base_color="#88d8b0",
+    header_background="#88d8b0",
+)
+template.servable()

requirements.txt

@@ -0,0 +1,3 @@
+bokeh==3.1.0
+hvplot==0.8.3
+panel==0.14.4