Created
April 21, 2026 01:18
-
-
Save Jinger-ui/bbe55c9976864693f85e43d69763a212 to your computer and use it in GitHub Desktop.
SG Rain Nowcast Report - 2026-04-21_0118
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width,initial-scale=1"> | |
| <title>SG Rain Nowcast Dashboard</title> | |
| <style> | |
| body { margin:0; padding:0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background:#f0f2f5; } | |
| * { box-sizing: border-box; } | |
| table { table-layout: auto; } | |
| @media (max-width: 768px) { | |
| table { font-size: 11px !important; } | |
| td, th { padding: 4px 6px !important; } | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div style="max-width:960px;margin:0 auto;padding:16px;"> | |
| <div style="background:#388e3c;border-radius:12px;padding:20px 24px;color:#fff;margin-bottom:16px;box-shadow:0 2px 12px rgba(0,0,0,.15);"> | |
| <h1 style="margin:0;font-size:22px;">☀️ All Clear — No significant rain detected</h1> | |
| <p style="margin:6px 0 0;font-size:13px;opacity:.85;"> | |
| 2026-04-21 09:18 SGT | Forecast period: 9.00 am to 11.00 am | |
| | Raining: 0 High: 0 Moderate: 0 | |
| </p> | |
| </div> | |
| <div style="background:#fff3e0;border-radius:8px;padding:14px 18px;margin-bottom:16px;"><strong style="color:#e65100;">🛰️ Rain Movement</strong><br><span style="font-size:14px;">Rain detected but insufficient history to determine movement direction. Run again in 5 min for tracking.</span></div> | |
| <div style="background:#f3e5f5;border-radius:8px;padding:14px 18px;margin-bottom:16px;"><strong style="color:#6a1b9a;">📋 24-Hour Outlook</strong><br><span style="font-size:14px;">Thundery Showers</span></div> | |
| <div style="margin-bottom:20px;"><h3 style="color:#388e3c;margin:0 0 8px;border-left:4px solid #388e3c;padding-left:10px;">North<span style="font-size:13px;color:#888;font-weight:normal;margin-left:8px;">3 areas</span></h3><table style="border-collapse:collapse;width:100%;font-size:13px;"><thead><tr style="background:#fafafa;"><th style="padding:6px 10px;text-align:left;border-bottom:2px solid #ddd;">Area</th><th style="padding:6px 10px;text-align:left;border-bottom:2px solid #ddd;">Risk</th><th style="padding:6px 10px;text-align:left;border-bottom:2px solid #ddd;">Radar</th><th style="padding:6px 10px;text-align:left;border-bottom:2px solid #ddd;">NEA Forecast</th><th style="padding:6px 10px;text-align:center;border-bottom:2px solid #ddd;">ETA</th><th style="padding:6px 10px;text-align:left;border-bottom:2px solid #ddd;">Details</th></tr></thead><tbody><tr style="background:#e8f5e9;"><td style="padding:8px 10px;border-bottom:1px solid #eee;">☀️ Sembawang</td><td style="padding:8px 10px;border-bottom:1px solid #eee;"><span style="background:#388e3c;color:#fff;padding:3px 10px;border-radius:12px;font-size:13px;font-weight:bold;">0</span></td><td style="padding:8px 10px;border-bottom:1px solid #eee;"><div style="background:#eee;border-radius:4px;height:8px;width:80px;display:inline-block;vertical-align:middle;"><div style="background:#a5d6a7;height:8px;border-radius:4px;width:0%;"></div></div> <span style="font-size:12px;color:#666;">0/31</span></td><td style="padding:8px 10px;border-bottom:1px solid #eee;font-size:13px;">Cloudy</td><td style="padding:8px 10px;border-bottom:1px solid #eee;text-align:center;"><span style="color:#9e9e9e;font-size:12px;">—</span></td><td style="padding:8px 10px;border-bottom:1px solid #eee;font-size:12px;color:#555;">Rain at Western Water Catchment (15.0km away), no wind data</td></tr><tr style="background:#e8f5e9;"><td style="padding:8px 10px;border-bottom:1px solid #eee;">☀️ Woodlands</td><td style="padding:8px 10px;border-bottom:1px solid #eee;"><span style="background:#388e3c;color:#fff;padding:3px 10px;border-radius:12px;font-size:13px;font-weight:bold;">0</span></td><td style="padding:8px 10px;border-bottom:1px solid #eee;"><div style="background:#eee;border-radius:4px;height:8px;width:80px;display:inline-block;vertical-align:middle;"><div style="background:#a5d6a7;height:8px;border-radius:4px;width:0%;"></div></div> <span style="font-size:12px;color:#666;">0/31</span></td><td style="padding:8px 10px;border-bottom:1px solid #eee;font-size:13px;">Cloudy</td><td style="padding:8px 10px;border-bottom:1px solid #eee;text-align:center;"><span style="color:#9e9e9e;font-size:12px;">—</span></td><td style="padding:8px 10px;border-bottom:1px solid #eee;font-size:12px;color:#555;">Rain at Western Water Catchment (11.3km away), no wind data</td></tr><tr style="background:#e8f5e9;"><td style="padding:8px 10px;border-bottom:1px solid #eee;">☀️ Yishun</td><td style="padding:8px 10px;border-bottom:1px solid #eee;"><span style="background:#388e3c;color:#fff;padding:3px 10px;border-radius:12px;font-size:13px;font-weight:bold;">0</span></td><td style="padding:8px 10px;border-bottom:1px solid #eee;"><div style="background:#eee;border-radius:4px;height:8px;width:80px;display:inline-block;vertical-align:middle;"><div style="background:#a5d6a7;height:8px;border-radius:4px;width:0%;"></div></div> <span style="font-size:12px;color:#666;">0/31</span></td><td style="padding:8px 10px;border-bottom:1px solid #eee;font-size:13px;">Cloudy</td><td style="padding:8px 10px;border-bottom:1px solid #eee;text-align:center;"><span style="color:#9e9e9e;font-size:12px;">—</span></td><td style="padding:8px 10px;border-bottom:1px solid #eee;font-size:12px;color:#555;">Rain at Western Water Catchment (16.7km away), no wind data</td></tr></tbody></table></div><div style="margin-bottom:20px;"><h3 style="color:#388e3c;margin:0 0 8px;border-left:4px solid #388e3c;padding-left:10px;">Northwest<span style="font-size:13px;color:#888;font-weight:normal;margin-left:8px;">5 areas</span></h3><table style="border-collapse:collapse;width:100%;font-size:13px;"><thead><tr style="background:#fafafa;"><th style="padding:6px 10px;text-align:left;border-bottom:2px solid #ddd;">Area</th><th style="padding:6px 10px;text-align:left;border-bottom:2px solid #ddd;">Risk</th><th style="padding:6px 10px;text-align:left;border-bottom:2px solid #ddd;">Radar</th><th style="padding:6px 10px;text-align:left;border-bottom:2px solid #ddd;">NEA Forecast</th><th style="padding:6px 10px;text-align:center;border-bottom:2px solid #ddd;">ETA</th><th style="padding:6px 10px;text-align:left;border-bottom:2px solid #ddd;">Details</th></tr></thead><tbody><tr style="background:#e8f5e9;"><td style="padding:8px 10px;border-bottom:1px solid #eee;">🌤️ Western Water Catchment</td><td style="padding:8px 10px;border-bottom:1px solid #eee;"><span style="background:#2e7d32;color:#fff;padding:3px 10px;border-radius:12px;font-size:13px;font-weight:bold;">18</span></td><td style="padding:8px 10px;border-bottom:1px solid #eee;"><div style="background:#eee;border-radius:4px;height:8px;width:80px;display:inline-block;vertical-align:middle;"><div style="background:#f9a825;height:8px;border-radius:4px;width:26%;"></div></div> <span style="font-size:12px;color:#666;">8/31</span></td><td style="padding:8px 10px;border-bottom:1px solid #eee;font-size:13px;">Cloudy</td><td style="padding:8px 10px;border-bottom:1px solid #eee;text-align:center;"><span style="background:#e65100;color:#fff;padding:2px 8px;border-radius:10px;font-size:12px;">~20 min ○</span></td><td style="padding:8px 10px;border-bottom:1px solid #eee;font-size:12px;color:#555;">Rain at Western Water Catchment (0.0km away), wind data insufficient</td></tr><tr style="background:#e8f5e9;"><td style="padding:8px 10px;border-bottom:1px solid #eee;">☀️ Lim Chu Kang</td><td style="padding:8px 10px;border-bottom:1px solid #eee;"><span style="background:#388e3c;color:#fff;padding:3px 10px;border-radius:12px;font-size:13px;font-weight:bold;">7</span></td><td style="padding:8px 10px;border-bottom:1px solid #eee;"><div style="background:#eee;border-radius:4px;height:8px;width:80px;display:inline-block;vertical-align:middle;"><div style="background:#a5d6a7;height:8px;border-radius:4px;width:0%;"></div></div> <span style="font-size:12px;color:#666;">0/31</span></td><td style="padding:8px 10px;border-bottom:1px solid #eee;font-size:13px;">Cloudy</td><td style="padding:8px 10px;border-bottom:1px solid #eee;text-align:center;"><span style="background:#e65100;color:#fff;padding:2px 8px;border-radius:10px;font-size:12px;">~20 min ○</span></td><td style="padding:8px 10px;border-bottom:1px solid #eee;font-size:12px;color:#555;">Rain at Western Water Catchment (3.7km away), wind data insufficient</td></tr><tr style="background:#e8f5e9;"><td style="padding:8px 10px;border-bottom:1px solid #eee;">☀️ Tengah</td><td style="padding:8px 10px;border-bottom:1px solid #eee;"><span style="background:#388e3c;color:#fff;padding:3px 10px;border-radius:12px;font-size:13px;font-weight:bold;">7</span></td><td style="padding:8px 10px;border-bottom:1px solid #eee;"><div style="background:#eee;border-radius:4px;height:8px;width:80px;display:inline-block;vertical-align:middle;"><div style="background:#a5d6a7;height:8px;border-radius:4px;width:0%;"></div></div> <span style="font-size:12px;color:#666;">0/31</span></td><td style="padding:8px 10px;border-bottom:1px solid #eee;font-size:13px;">Cloudy</td><td style="padding:8px 10px;border-bottom:1px solid #eee;text-align:center;"><span style="background:#e65100;color:#fff;padding:2px 8px;border-radius:10px;font-size:12px;">~20 min ○</span></td><td style="padding:8px 10px;border-bottom:1px solid #eee;font-size:12px;color:#555;">Rain at Western Water Catchment (4.5km away), wind data insufficient</td></tr><tr style="background:#e8f5e9;"><td style="padding:8px 10px;border-bottom:1px solid #eee;">☀️ Choa Chu Kang</td><td style="padding:8px 10px;border-bottom:1px solid #eee;"><span style="background:#388e3c;color:#fff;padding:3px 10px;border-radius:12px;font-size:13px;font-weight:bold;">0</span></td><td style="padding:8px 10px;border-bottom:1px solid #eee;"><div style="background:#eee;border-radius:4px;height:8px;width:80px;display:inline-block;vertical-align:middle;"><div style="background:#a5d6a7;height:8px;border-radius:4px;width:0%;"></div></div> <span style="font-size:12px;color:#666;">0/31</span></td><td style="padding:8px 10px;border-bottom:1px solid #eee;font-size:13px;">Cloudy</td><td style="padding:8px 10px;border-bottom:1px solid #eee;text-align:center;"><span style="color:#9e9e9e;font-size:12px;">—</span></td><td style="padding:8px 10px;border-bottom:1px solid #eee;font-size:12px;color:#555;">Rain at Western Water Catchment (6.9km away), no wind data</td></tr><tr style="background:#e8f5e9;"><td style="padding:8px 10px;border-bottom:1px solid #eee;">☀️ Sungei Kadut</td><td style="padding:8px 10px;border-bottom:1px solid #eee;"><span style="background:#388e3c;color:#fff;padding:3px 10px;border-radius:12px;font-size:13px;font-weight:bold;">0</span></td><td style="padding:8px 10px;border-bottom:1px solid #eee;"><div style="background:#eee;border-radius:4px;height:8px;width:80px;display:inline-block;vertical-align:middle;"><div style="background:#a5d6a7;height:8px;border-radius:4px;width:0%;"></div></div> <span style="font-size:12px;color:#666;">0/31</span></td><td style="padding:8px 10px;border-bottom:1px solid #eee;font-size:13px;">Cloudy</td><td style="padding:8px 10px;border-bottom:1px solid #eee;text-align:center;"><span style="color:#9e9e9e;font-size:12px;">—</span></td><td style="padding:8px 10px;border-bottom:1px solid #eee;font-size:12px;color:#555;">Rain at Western Water Catchment (7.5km away), no wind data</td></tr></tbody></table></div><div style="margin-bottom:20px;"><h3 style="color:#388e3c;margin:0 0 8px;border-left:4px solid #388e3c;padding-left:10px;">North-Central<span style="font-size:13px;color:#888;font-weight:normal;margin-left:8px;">3 areas</span></h3><table style="border-collapse:collapse;width:100%;font-size:13px;"><thead><tr style="background:#fafafa;"><th style="padding:6px 10px;text-align:left;border-bottom:2px solid #ddd;">Area</th><th style="padding:6px 10px;text-align:left;border-bottom:2px solid #ddd;">Risk</th><th style="padding:6px 10px;text-align:left;border-bottom:2px solid #ddd;">Radar</th><th style="padding:6px 10px;text-align:left;border-bottom:2px solid #ddd;">NEA Forecast</th><th style="padding:6px 10px;text-align:center;border-bottom:2px solid #ddd;">ETA</th><th style="padding:6px 10px;text-align:left;border-bottom:2px solid #ddd;">Details</th></tr></thead><tbody><tr style="background:#e8f5e9;"><td style="padding:8px 10px;border-bottom:1px solid #eee;">☀️ Central Water Catchment</td><td style="padding:8px 10px;border-bottom:1px solid #eee;"><span style="background:#388e3c;color:#fff;padding:3px 10px;border-radius:12px;font-size:13px;font-weight:bold;">0</span></td><td style="padding:8px 10px;border-bottom:1px solid #eee;"><div style="background:#eee;border-radius:4px;height:8px;width:80px;display:inline-block;vertical-align:middle;"><div style="background:#a5d6a7;height:8px;border-radius:4px;width:0%;"></div></div> <span style="font-size:12px;color:#666;">0/31</span></td><td style="padding:8px 10px;border-bottom:1px solid #eee;font-size:13px;">Cloudy</td><td style="padding:8px 10px;border-bottom:1px solid #eee;text-align:center;"><span style="color:#9e9e9e;font-size:12px;">—</span></td><td style="padding:8px 10px;border-bottom:1px solid #eee;font-size:12px;color:#555;">Rain at Western Water Catchment (13.2km away), no wind data</td></tr><tr style="background:#e8f5e9;"><td style="padding:8px 10px;border-bottom:1px solid #eee;">☀️ Mandai</td><td style="padding:8px 10px;border-bottom:1px solid #eee;"><span style="background:#388e3c;color:#fff;padding:3px 10px;border-radius:12px;font-size:13px;font-weight:bold;">0</span></td><td style="padding:8px 10px;border-bottom:1px solid #eee;"><div style="background:#eee;border-radius:4px;height:8px;width:80px;display:inline-block;vertical-align:middle;"><div style="background:#a5d6a7;height:8px;border-radius:4px;width:0%;"></div></div> <span style="font-size:12px;color:#666;">0/31</span></td><td style="padding:8px 10px;border-bottom:1px solid #eee;font-size:13px;">Cloudy</td><td style="padding:8px 10px;border-bottom:1px solid #eee;text-align:center;"><span style="color:#9e9e9e;font-size:12px;">—</span></td><td style="padding:8px 10px;border-bottom:1px solid #eee;font-size:12px;color:#555;">Rain at Western Water Catchment (13.7km away), no wind data</td></tr><tr style="background:#e8f5e9;"><td style="padding:8px 10px;border-bottom:1px solid #eee;">☀️ Seletar</td><td style="padding:8px 10px;border-bottom:1px solid #eee;"><span style="background:#388e3c;color:#fff;padding:3px 10px;border-radius:12px;font-size:13px;font-weight:bold;">0</span></td><td style="padding:8px 10px;border-bottom:1px solid #eee;"><div style="background:#eee;border-radius:4px;height:8px;width:80px;display:inline-block;vertical-align:middle;"><div style="background:#a5d6a7;height:8px;border-radius:4px;width:0%;"></div></div> <span style="font-size:12px;color:#666;">0/31</span></td><td style="padding:8px 10px;border-bottom:1px solid #eee;font-size:13px;">Cloudy</td><td style="padding:8px 10px;border-bottom:1px solid #eee;text-align:center;"><span style="color:#9e9e9e;font-size:12px;">—</span></td><td style="padding:8px 10px;border-bottom:1px solid #eee;font-size:12px;color:#555;">Rain at Western Water Catchment (20.0km away), no wind data</td></tr></tbody></table></div><div style="margin-bottom:20px;"><h3 style="color:#388e3c;margin:0 0 8px;border-left:4px solid #388e3c;padding-left:10px;">West<span style="font-size:13px;color:#888;font-weight:normal;margin-left:8px;">3 areas</span></h3><table style="border-collapse:collapse;width:100%;font-size:13px;"><thead><tr style="background:#fafafa;"><th style="padding:6px 10px;text-align:left;border-bottom:2px solid #ddd;">Area</th><th style="padding:6px 10px;text-align:left;border-bottom:2px solid #ddd;">Risk</th><th style="padding:6px 10px;text-align:left;border-bottom:2px solid #ddd;">Radar</th><th style="padding:6px 10px;text-align:left;border-bottom:2px solid #ddd;">NEA Forecast</th><th style="padding:6px 10px;text-align:center;border-bottom:2px solid #ddd;">ETA</th><th style="padding:6px 10px;text-align:left;border-bottom:2px solid #ddd;">Details</th></tr></thead><tbody><tr style="background:#e8f5e9;"><td style="padding:8px 10px;border-bottom:1px solid #eee;">☀️ Pioneer</td><td style="padding:8px 10px;border-bottom:1px solid #eee;"><span style="background:#388e3c;color:#fff;padding:3px 10px;border-radius:12px;font-size:13px;font-weight:bold;">3</span></td><td style="padding:8px 10px;border-bottom:1px solid #eee;"><div style="background:#eee;border-radius:4px;height:8px;width:80px;display:inline-block;vertical-align:middle;"><div style="background:#a5d6a7;height:8px;border-radius:4px;width:6%;"></div></div> <span style="font-size:12px;color:#666;">2/31</span></td><td style="padding:8px 10px;border-bottom:1px solid #eee;font-size:13px;">Cloudy</td><td style="padding:8px 10px;border-bottom:1px solid #eee;text-align:center;"><span style="color:#9e9e9e;font-size:12px;">—</span></td><td style="padding:8px 10px;border-bottom:1px solid #eee;font-size:12px;color:#555;">Rain at Western Water Catchment (10.1km away), no wind data</td></tr><tr style="background:#e8f5e9;"><td style="padding:8px 10px;border-bottom:1px solid #eee;">☀️ Jurong West</td><td style="padding:8px 10px;border-bottom:1px solid #eee;"><span style="background:#388e3c;color:#fff;padding:3px 10px;border-radius:12px;font-size:13px;font-weight:bold;">0</span></td><td style="padding:8px 10px;border-bottom:1px solid #eee;"><div style="background:#eee;border-radius:4px;height:8px;width:80px;display:inline-block;vertical-align:middle;"><div style="background:#a5d6a7;height:8px;border-radius:4px;width:0%;"></div></div> <span style="font-size:12px;color:#666;">0/31</span></td><td style="padding:8px 10px;border-bottom:1px solid #eee;font-size:13px;">Cloudy</td><td style="padding:8px 10px;border-bottom:1px solid #eee;text-align:center;"><span style="color:#9e9e9e;font-size:12px;">—</span></td><td style="padding:8px 10px;border-bottom:1px solid #eee;font-size:12px;color:#555;">Rain at Western Water Catchment (7.4km away), no wind data</td></tr><tr style="background:#e8f5e9;"><td style="padding:8px 10px;border-bottom:1px solid #eee;">☀️ Tuas</td><td style="padding:8px 10px;border-bottom:1px solid #eee;"><span style="background:#388e3c;color:#fff;padding:3px 10px;border-radius:12px;font-size:13px;font-weight:bold;">0</span></td><td style="padding:8px 10px;border-bottom:1px solid #eee;"><div style="background:#eee;border-radius:4px;height:8px;width:80px;display:inline-block;vertical-align:middle;"><div style="background:#a5d6a7;height:8px;border-radius:4px;width:0%;"></div></div> <span style="font-size:12px;color:#666;">0/31</span></td><td style="padding:8px 10px;border-bottom:1px solid #eee;font-size:13px;">Cloudy</td><td style="padding:8px 10px;border-bottom:1px solid #eee;text-align:center;"><span style="color:#9e9e9e;font-size:12px;">—</span></td><td style="padding:8px 10px;border-bottom:1px solid #eee;font-size:12px;color:#555;">Rain at Western Water Catchment (13.6km away), no wind data</td></tr></tbody></table></div> | |
| <div style="background:#fafafa;border-radius:8px;padding:12px 16px;margin-top:20px;font-size:12px;color:#666;"><strong>Legend:</strong> Risk score 0-100 (Radar 40% + NEA Forecast 35% + Proximity 25%) | 🌧️ Raining ⚠️ High Risk 🌥️ Moderate 🌤️ Low ☀️ Clear | ETA confidence: ● High ◐ Medium ○ Low</div> | |
| <p style="margin-top:12px;font-size:11px;color:#aaa;text-align:center;"> | |
| Data: NEA 2-Hour Nowcast + NEA 50km Rain Radar (sgrain) + Radar Movement Tracking<br> | |
| SG Rain Nowcasting System — auto-generated report | |
| </p> | |
| </div> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment