Update app.py

app.py

@@ -42,8 +42,8 @@ def fetch_crypto_data(crypto):
 
 
 def plot_crypto_prices():
-    """Plots the historical price data for all selected cryptocurrencies."""
-    fig = go.Figure()
+    """Creates individual plots for each cryptocurrency with a filled area below the line."""
+    figures = []
     
     for crypto in cryptos:
         crypto_dates, crypto_prices = fetch_crypto_data(crypto)
@@ -51,28 +51,34 @@ def plot_crypto_prices():
         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)))
+        line_color = random.choice(colors)
+        fill_color = random.choice(colors)
+        
+        fig = go.Figure()
+        fig.add_trace(go.Scatter(x=crypto_dates, y=crypto_prices, mode='lines', name=crypto, line=dict(color=line_color)))
+        fig.add_trace(go.Scatter(x=crypto_dates, y=crypto_prices, fill='tozeroy', fillcolor=fill_color, mode='none', name=f"{crypto} Fill"))
 
-    fig.update_layout(
-        title="Cryptocurrency Price History",
-        xaxis_title="Date",
-        yaxis_title="Price (USD)",
-        template="plotly_dark",
-        xaxis=dict(tickangle=-45),
-        legend_title="Cryptos"
-    )
+        fig.update_layout(
+            title=f"{crypto} Price History",
+            xaxis_title="Date",
+            yaxis_title="Price (USD)",
+            template="plotly_dark",
+            xaxis=dict(tickangle=-45),
+            legend_title=crypto
+        )
+        
+        figures.append(fig)
     
-    return fig
+    return figures
 
 # Create Gradio Interface
 demo = gr.Interface(
     fn=plot_crypto_prices,
     inputs=[],
-    outputs=gr.Plot(label="Price Chart"),
+    outputs=[gr.Plot(label=f"{crypto} Price Chart") for crypto in cryptos],
     title="Cryptocurrency Price Visualization",
-    description="Displays historical price data for multiple cryptocurrencies over the past year."
+    description="Displays historical price data for multiple cryptocurrencies over the past year, with filled areas below the lines."
 )
 
 if __name__ == "__main__":
-    demo.launch()
+    demo.launch(debug=True)