import gradio as gr
import matplotlib.pyplot as plt

def plot_price_trends(prices_data):
    models = [item['model'] for item in prices_data]
    prices = [float(item['price'].replace('₴', '').strip()) for item in prices_data]

    plt.figure(figsize=(10, 6))
    plt.plot(models, prices, marker='o', color='b')
    plt.title('Price Trends of Shoes')
    plt.xlabel('Models')
    plt.ylabel('Price (₴)')
    plt.xticks(rotation=45)
    plt.tight_layout()
    return plt

with gr.Blocks() as demo:
    gr.Markdown("### Price Trends Visualization")
    price_data = gr.Dataframe(headers=["Store", "Model", "Price"])
    plot_button = gr.Button("Plot Trends")
    output = gr.Plot()

    plot_button.click(plot_price_trends, inputs=price_data, outputs=output)

demo.launch()