Add grid point table to bottom of page

app.py

@@ -1,6 +1,7 @@
 import os
 import zipfile
 import gradio as gr
+import pandas as pd
 import plotly.graph_objects as go
 
 from geo_tools import (
@@ -39,12 +40,17 @@ def gr_generate_map(
             for file in file_list:
                 fp.write(file, compress_type=zipfile.ZIP_DEFLATED)
 
-        with open(prefix + ".csv", "w") as fp:
-            fp.write("Label, Latitude, Longitude\n")
-            for lbl, idx in zip(labels, indices):
-                fp.write(f"{lbl}, {idx[1]}, {idx[0]}\n")
+        grid_point_df = pd.DataFrame(
+            data=[
+                [labels[i], f"{indices[i][1]}, {indices[i][0]}"]
+                for i in range(len(indices))
+            ],
+            columns=["Name", "Coordinates"],
+        )
+        grid_point_df.to_csv(prefix + ".csv", index=False)
     else:
         indices, labels = get_cached_grid_indices(grid_path)
+        grid_point_df = pd.read_csv(prefix + ".csv")
     box = go.Scattermapbox(
         lat=indices[:, 1],
         lon=indices[:, 0],
@@ -155,7 +161,7 @@ def gr_generate_map(
             modebar_remove=modebar_icons,
         )
 
-    return fig, prefix + ".zip", prefix + ".csv"
+    return fig, prefix + ".zip", prefix + ".csv", grid_point_df
 
 
 with gr.Blocks() as demo:
@@ -188,12 +194,14 @@ with gr.Blocks() as demo:
             ],
         )
         grid_shapefile = gr.File(label="Grid Shapefile")
-        grid_point_info = gr.File(label="Sample Point Info")
+        grid_point_info = gr.File(label="Grid Point Info")
+
+        grid_point_table = gr.Dataframe(label="Grid Point Info Table")
 
     grid_button.click(
         gr_generate_map,
         inputs=[grid_token, grid_side_len, grid_show_mask],
-        outputs=[grid_map, grid_shapefile, grid_point_info],
+        outputs=[grid_map, grid_shapefile, grid_point_info, grid_point_table],
     )
 
     grid_region.change(
@@ -206,7 +214,7 @@ with gr.Blocks() as demo:
             grid_show_police,
             grid_region,
         ],
-        outputs=[grid_map, grid_shapefile, grid_point_info],
+        outputs=[grid_map, grid_shapefile, grid_point_info, grid_point_table],
     )
 
 demo.queue(concurrency_count=10).launch(debug=True)