enables interactive examples

README.md

@@ -4,7 +4,7 @@ emoji: 📲📊
 colorFrom: blue
 colorTo: green
 sdk: gradio
-sdk_version: 3.0.24
+sdk_version: 3.1.3
 app_file: app.py
 models: call2vec
 pinned: true

app.py

@@ -79,13 +79,22 @@ with app:
             text_in = gr.Textbox(lines=1, placeholder="Insert text", label="Search Query")
             with gr.Row():
                 n = gr.Slider(value=50, minimum=5, maximum=250, step=5, label="Number of Neighbours")
-                compute_bt = gr.Button("Start\nSearch")
+                compute_bt = gr.Button("Search")
             df_out = gr.Dataframe(interactive=False)
             f_out = gr.File(interactive=False, label="Download")
+    gr.Examples(
+        examples = [["transformation", 3], ["climate_change", 3], ["risk, political_risk, uncertainty", 5]],
+        inputs = [text_in, n],
+        outputs = [df_out, f_out, text_in],
+        fn = semantic_search,
+        cache_examples=True
+    )
     gr.Markdown(
         """
-        <div style='text-align: center;'>Call2Vec by X and Y</center></div>
-        <p class="aligncenter"><img 'id="visitor-badge" alt="visitor badge" src="https://visitor-badge.glitch.me/badge?page_id=simonschoe.call2vec&left_color=green&right_color=blue" /></p>
+        <p style="text-align: center;">
+            Call2Vec by X and Y
+            img 'id="visitor-badge" alt="visitor badge" src="https://visitor-badge.glitch.me/badge?page_id=simonschoe.call2vec&left_color=green&right_color=blue" />
+        </p>
         """
     )
     compute_bt.click(semantic_search, inputs=[text_in, n], outputs=[df_out, f_out, text_in])