Update main.py

main.py

@@ -2,10 +2,66 @@ import gradio as gr
 import os
 import requests
 from tqdm import tqdm
+import plotly.express as px
+import pandas as pd
+
 
 from svc_inference import main
 from whisper.inference import check_and_download_model
 
+# データの作成
+data = {
+    'id': list(range(1, 57)),  # 1から56までの数字
+    'x': [
+        28, 25, 5, 12, 8, 2, 0, -20, -15, -12, -20, 8, -30, 25, 0, 0, 2, -25,
+        -25, 20, 15, -2, 0, 15, -30, 15, 8, 28, -10, -22, 20, 20, 8, 20, 0,
+        0, -8, -10, -32, 0, 0, -8, 2, -25, -32, -20, -18, -5, 15, -22, -25,
+        -28, -30, 10, 25, 28
+    ],
+    'y': [
+        0, -5, -15, -20, -18, -3, 8, 8, 12, 10, 10, -20, 6, -3, 12, -15, 12,
+        17, 10, -8, -15, -22, 8, 15, 10, -15, -18, -10, 8, 5, -10, -8, -25,
+        -5, -12, 12, 15, 6, 17, -12, -8, -8, 15, 17, 25, 4, 4, 0, 0, -20,
+        12, 12, 15, -19, 0, 0
+    ]
+}
+
+df = pd.DataFrame(data)
+
+def create_plot():
+    fig = px.scatter(df, x='x', y='y', text='id',
+                    title='Interactive Numeric Scatter Plot')
+    
+    # マーカーのスタイルを設定（紫系の色に設定）
+    fig.update_traces(
+        marker=dict(
+            size=10,
+            color='#663399',  # 紫色
+            line=dict(color='#4B0082', width=1)  # より暗い紫の境界線
+        ),
+        textposition='top center'
+    )
+    
+    # レイアウトの設定
+    fig.update_layout(
+        height=600,
+        width=800,
+        clickmode='event+select',
+        plot_bgcolor='white',
+        paper_bgcolor='white',
+        xaxis=dict(
+            showgrid=False,
+            zeroline=False,
+            range=[-35, 35]  # x軸の範囲を設定
+        ),
+        yaxis=dict(
+            showgrid=False,
+            zeroline=False,
+            range=[-30, 30]  # y軸の範囲を設定
+        )
+    )
+    
+    return fig
 
 def run_main(audio_file,shift):
     # 固定の引数を設定
@@ -46,6 +102,8 @@ with gr.Blocks() as demo:
         label="変換したい音声をアップロード",
         type="filepath"  # ファイルパスとして取得
     )
+
+    plot = gr.Plot(value=create_plot())
     
     # Pitch シフトのスライダー
     shift = gr.Slider(