Spaces:
Sleeping
Sleeping
| # huggingface/app.py | |
| """ | |
| Dashboard อย่างง่ายสำหรับ Hugging Face Spaces | |
| """ | |
| import gradio as gr | |
| import folium | |
| import pandas as pd | |
| import numpy as np | |
| from datetime import datetime | |
| def create_simple_map(): | |
| """สร้างแผนที่อย่างง่าย""" | |
| # สร้างแผนที่ศูนย์กลางลุ่มน้ำชี | |
| m = folium.Map(location=[16.0, 103.5], zoom_start=8) | |
| # เพิ่มจุดตัวอย่าง | |
| folium.Marker( | |
| [16.5436, 101.6589], | |
| popup='เขื่อนจุฬาภรณ์<br>ต้นน้ำชี', | |
| tooltip='คลิกดูข้อมูล' | |
| ).add_to(m) | |
| folium.Marker( | |
| [15.7956, 104.1494], | |
| popup='จังหวัดยโสธร<br>ลุ่มน้ำตอนล่าง', | |
| tooltip='คลิกดูข้อมูล' | |
| ).add_to(m) | |
| # เพิ่มเส้นทางแม่น้ำ (ตัวอย่าง) | |
| river_points = [ | |
| [16.5436, 101.6589], | |
| [16.4326, 102.8236], | |
| [15.7956, 104.1494], | |
| [15.2287, 104.8563] | |
| ] | |
| folium.PolyLine(river_points, color='blue', weight=3).add_to(m) | |
| return m._repr_html_() | |
| def create_dashboard(): | |
| """สร้าง Gradio Dashboard""" | |
| with gr.Blocks(title="GLUE-FIN DMOS", theme=gr.themes.Soft()) as demo: | |
| gr.Markdown("# 🌊 GLUE-FIN DMOS v2.5") | |
| gr.Markdown("ระบบพยากรณ์น้ำท่วมลุ่มน้ำชี") | |
| with gr.Row(): | |
| with gr.Column(): | |
| # สถิติ | |
| gr.Markdown("## 📊 สถิติลุ่มน้ำชี") | |
| gr.Markdown(""" | |
| - **พื้นที่:** 49,500 ตร.กม. | |
| - **ความยาว:** 765 กม. | |
| - **จังหวัด:** 7 จังหวัด | |
| - **ประชากร:** ~5 ล้านคน | |
| """) | |
| # ปุ่มควบคุม | |
| update_btn = gr.Button("อัปเดตข้อมูล", variant="primary") | |
| with gr.Column(): | |
| # แผนที่ | |
| gr.Markdown("## 🗺️ แผนที่ลุ่มน้ำชี") | |
| map_html = gr.HTML(value=create_simple_map()) | |
| # Footer | |
| gr.Markdown(f""" | |
| --- | |
| *อัปเดตล่าสุด: {datetime.now().strftime('%d/%m/%Y %H:%M')}* | |
| """) | |
| # Events | |
| update_btn.click( | |
| fn=create_simple_map, | |
| outputs=[map_html] | |
| ) | |
| return demo | |
| if __name__ == "__main__": | |
| demo = create_dashboard() | |
| demo.launch(server_name="0.0.0.0", server_port=7860) |