Update app.py

app.py

@@ -21,7 +21,7 @@ def show_cluster(cl_id, num_clusters):
         img_path = os.path.join("identities-images", img_path)
         images.append(Image.open(img_path))
     return (len(cl_dct['img_path_list']),
-            json.dumps(dict(cl_dct["labels_gender"]), indent = 4),
+           dict(cl_dct["labels_gender"]),
             dict(cl_dct["labels_model"]),
             dict(cl_dct["labels_ethnicity"]),
             images)
@@ -32,14 +32,15 @@ with gr.Blocks() as demo:
     with gr.Row():
         num_clusters = gr.Radio([12, 24, 48], label="number of clusters")
         cluster_id = gr.Number(precision=0, label="cluster id")
-        button = gr.Button(value="Go")
+        gallery = gr.Gallery(label="Most representative images in cluster").style(grid=6)
+    button = gr.Button(value="Go")
     with gr.Column():
         a = gr.Text(label="Number of items in cluster")
         with gr.Row():
             c = gr.Text(label="Model makeup of cluster")
             b = gr.Markdown(label="Gender label makeup of cluster")
             d = gr.Text(label="Ethnicity label makeup of cluster")
-    gallery = gr.Gallery(label="Most representative images in cluster").style(grid=6)
+    
     button.click(fn=show_cluster, inputs=[cluster_id, num_clusters], outputs=[a,b,c,d, gallery])
 # demo = gr.Interface(fn=show_cluster, inputs=[gr.Slider(0, 50), gr.Radio([12, 24, 48])], outputs=["text", "text", "text", "text", gr.Gallery()])
 demo.launch(debug=True)