upd

app.py

@@ -28,7 +28,8 @@ df.columns = [
 def create_image_md(game_name, spec_num):
     url = f"https://huggingface.co/datasets/litagin/Galgame_Dataset_stats/resolve/main/specs/{game_name}/spec{spec_num}.png"
 
-    return f"![spec{spec_num}]({url})"
+    # Add clickable link that leads to the image URL
+    return f"[![spec{spec_num}]({url})]({url})"
 
 
 # 新しい列を追加
@@ -42,6 +43,7 @@ df_display = df[
         "speakers",
         "mono",
         "stereo",
+        "duration",
         "bitrate",
         "sr",
         "spec1",
@@ -51,9 +53,17 @@ df_display = df[
         "spec5",
     ]
 ]
+md = """
+# Galgame_Dataset Stats Viewer
+
+- Viewer for [stats and 5 spectrograms](https://huggingface.co/datasets/litagin/Galgame_Dataset_stats) of each game in [OOPPEENN/Galgame_Dataset](https://huggingface.co/datasets/OOPPEENN/Galgame_Dataset)
+- `bitrate`: in kbps
+- `sr`: in kHz
+- `duration`: in hours
+"""
 
 with gr.Blocks() as app:
-    gr.Markdown("Hello")
+    gr.Markdown(md)
     gr.DataFrame(
         df_display,
         elem_id="df",
@@ -64,15 +74,15 @@ with gr.Blocks() as app:
             "number",
             "number",
             "number",
+            "number",
             "markdown",
             "markdown",
             "markdown",
             "markdown",
             "markdown",
         ],
-        column_widths=[100, 100, 100, 100, 100, 100, 300, 300, 300, 300, 300],
+        column_widths=[100, 100, 100, 100, 100, 100, 100, 300, 300, 300, 300, 300],
         wrap=True,
-        height=800,
     )
 
 app.launch(inbrowser=True)