Update app.py

app.py

@@ -1,5 +1,5 @@
 import gradio as gr
-import matplotlib.pyplot as plt
+import plotly.graph_objects as go
 import requests
 import os
 import datetime
@@ -41,33 +41,37 @@ def fetch_crypto_data(crypto):
     return crypto_dates, crypto_prices
 
 
-def plot_crypto_price(crypto):
-    """Plots the historical price data for the selected cryptocurrency."""
-    crypto_dates, crypto_prices = fetch_crypto_data(crypto)
+def plot_crypto_prices():
+    """Plots the historical price data for all selected cryptocurrencies."""
+    fig = go.Figure()
     
-    if isinstance(crypto_dates, str):
-        return crypto_dates  # Return error message
+    for crypto in cryptos:
+        crypto_dates, crypto_prices = fetch_crypto_data(crypto)
+        
+        if isinstance(crypto_dates, str):
+            continue  # Skip on error
+        
+        color = random.choice(colors)
+        fig.add_trace(go.Scatter(x=crypto_dates, y=crypto_prices, mode='lines', name=crypto, line=dict(color=color)))
 
-    plt.figure(figsize=(12, 6))
-    plt.xticks(ticks=range(0, len(crypto_dates), 7), labels=crypto_dates[::7], rotation=90)
-    color = random.choice(colors)
-    plt.plot(crypto_dates, crypto_prices, label=crypto, color=color)
-    plt.fill_between(crypto_dates, crypto_prices, alpha=0.5, color=color)
-    plt.xlabel("Date")
-    plt.ylabel("Price (USD)")
-    plt.title(f"{crypto} Price History")
-    plt.legend()
-    plt.grid()
+    fig.update_layout(
+        title="Cryptocurrency Price History",
+        xaxis_title="Date",
+        yaxis_title="Price (USD)",
+        template="plotly_dark",
+        xaxis=dict(tickangle=-45),
+        legend_title="Cryptos"
+    )
     
-    return plt.gcf()
+    return fig
 
 # Create Gradio Interface
 demo = gr.Interface(
-    fn=plot_crypto_price,
-    inputs=gr.Dropdown(choices=cryptos, label="Select Cryptocurrency"),
+    fn=plot_crypto_prices,
+    inputs=[],
     outputs=gr.Plot(label="Price Chart"),
     title="Cryptocurrency Price Visualization",
-    description="Select a cryptocurrency to view its historical price data over the past year."
+    description="Displays historical price data for multiple cryptocurrencies over the past year."
 )
 
 if __name__ == "__main__":