Update app.py

app.py

@@ -6,7 +6,6 @@ from io import BytesIO
 # Page configuration
 st.set_page_config(page_title="Research Gantt Chart", layout="wide")
 
-# Title and description
 st.title("📊 Research Proposal Gantt Chart")
 st.markdown("""
 This Gantt chart outlines the 10-month timeline for your research project:  
@@ -39,7 +38,6 @@ fig = px.timeline(
     title="Gantt Chart: ASME Nozzle Reinforcement Study",
 )
 
-# Customize layout
 fig.update_layout(
     xaxis_title="Month",
     yaxis_title="Research Phase",
@@ -48,32 +46,22 @@ fig.update_layout(
     showlegend=False,
     margin=dict(l=40, r=40, t=80, b=40),
     height=650,
-    xaxis=dict(
-        tickmode="linear",
-        tick0=1,
-        dtick=1,
-        range=[0.5, 11],
-        title_font=dict(size=16),
-    ),
-    yaxis=dict(
-        title_font=dict(size=16),
-    )
+    xaxis=dict(tickmode="linear", tick0=1, dtick=1, range=[0.5, 11]),
 )
 
 # Display chart
 st.plotly_chart(fig, use_container_width=True)
 
-# Export chart as PNG
-st.markdown("### 📥 Export Chart for Presentation")
-buffer = BytesIO()
-fig.write_image(buffer, format="png", width=1600, height=900)
+# Export chart as HTML
+st.markdown("### 📥 Download Chart as HTML")
+html_buffer = BytesIO()
+html_buffer.write(fig.to_html(include_plotlyjs='cdn').encode())
 st.download_button(
-    label="Download High-Resolution PNG",
-    data=buffer.getvalue(),
-    file_name="ASME_Research_Gantt_Chart.png",
-    mime="image/png"
+    label="Download Interactive Chart (HTML)",
+    data=html_buffer.getvalue(),
+    file_name="ASME_Research_Gantt_Chart.html",
+    mime="text/html"
 )
 
-# Optional footer
 st.markdown("---")
 st.caption("Designed by Muhammad | Powered by Streamlit & Plotly")