Update app.py

app.py

@@ -2,7 +2,7 @@
 
 
 import numpy as np
-import gradio
+import gradio as gr
 import os
 import pandas as pd
 from datasets import load_dataset
@@ -30,10 +30,22 @@ def plot_timeline(yaxis, citi = ['المدينه', 'بغداد', 'كوفة', 'ب
     fig.update_layout(title_font_color = 'red', title_x = .5)
     return fig
 
-app = gradio.Interface(plot_timeline,
-             [gradio.Dropdown(choices = ['Taraf', 'Hadith', 'Isnad', 'Ranking'], value = 'Taraf', label = 'Y Axis'), gradio.Dropdown(choices = cities, value = ['المدينه', 'بغداد', 'كوفة', 'بصرة'], multiselect=True),
-                        gradio.Slider(min_year, max_year, value = 0, label = 'Begining', info = 'Choose the first year to display Tarafs'),
-                        gradio.Slider(min_year, max_year, value = 400, label = 'End', info = 'Choose the last year to display Tarafs')
-
-                        ],
-                       gradio.Plot()).launch()
+# app = gradio.Interface(plot_timeline,
+#              [gradio.Dropdown(choices = ['Taraf', 'Hadith', 'Isnad', 'Ranking'], value = 'Taraf', label = 'Y Axis'), gradio.Dropdown(choices = cities, value = ['المدينه', 'بغداد', 'كوفة', 'بصرة'], multiselect=True),
+#                         gradio.Slider(min_year, max_year, value = 0, label = 'Begining', info = 'Choose the first year to display Tarafs'),
+#                         gradio.Slider(min_year, max_year, value = 400, label = 'End', info = 'Choose the last year to display Tarafs')
+
+#                         ],
+#                        gradio.Plot()).launch()
+
+
+demo = gr.Blocks()
+with demo:
+    with gr.Row():
+        y_value = gradio.Dropdown(choices = ['Taraf', 'Hadith', 'Isnad', 'Ranking'], value = 'Taraf', label = 'Y Axis')
+        city = gradio.Dropdown(choices = cities, value = ['المدينه', 'بغداد', 'كوفة', 'بصرة'], multiselect=True)
+        begining = gradio.Slider(min_year, max_year, value = 0, label = 'Begining', info = 'Choose the first year to display Tarafs') 
+        end = gradio.Slider(min_year, max_year, value = 400, label = 'End', info = 'Choose the last year to display Tarafs')
+        btn = gr.Button("Plot")
+        btn.click(plot_timeline, [y_value,city, begining, end], gr.Plot())
+demo.launch()