Created
April 21, 2026 07:10
-
-
Save Jinger-ui/ea758e0271d5f5c5f9b06d3914fa6a16 to your computer and use it in GitHub Desktop.
SG Rain Predictor Report - 2026-04-21_0710
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 Predictor</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:1000px;margin:0 auto;padding:16px;"> | |
| <div style="background:#388e3c;border-radius:12px;padding:20px 24px;color:#fff;margin-bottom:14px;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 15:10 SGT | Forecast: 3.00 pm to 5.00 pm | Raining: 0 High: 0 Moderate: 0 | |
| </p> | |
| </div> | |
| <div style="background:#e3f2fd;border-radius:8px;padding:14px 18px;margin-bottom:14px;"><strong style="color:#1565c0;">💨 Wind (NEA Stations)</strong><br><span style="font-size:14px;">Blowing toward <strong>SW</strong> at <strong>3.3 km/h</strong> | 14 stations reporting</span></div> | |
| <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;">Forecast</th> | |
| <th style="padding:6px 10px;text-align:center;border-bottom:2px solid #ddd;">ETA</th> | |
| <th style="padding:6px 10px;text-align:center;border-bottom:2px solid #ddd;">Conf</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:7px 10px;border-bottom:1px solid #eee;">🌤️ Woodlands</td><td style="padding:7px 10px;border-bottom:1px solid #eee;"><span style="background:#2e7d32;color:#fff;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:bold;">20</span></td><td style="padding:7px 10px;border-bottom:1px solid #eee;"><div style="background:#eee;border-radius:4px;height:8px;width:70px;display:inline-block;vertical-align:middle;"><div style="background:#a5d6a7;height:8px;border-radius:4px;width:0%;"></div></div> <span style="font-size:11px;color:#666;">0/31</span></td><td style="padding:7px 10px;border-bottom:1px solid #eee;font-size:13px;">Showers</td><td style="padding:7px 10px;border-bottom:1px solid #eee;text-align:center;"><span style="color:#9e9e9e;font-size:12px;">—</span></td><td style="padding:7px 10px;border-bottom:1px solid #eee;text-align:center;font-size:12px;">medium</td><td style="padding:7px 10px;border-bottom:1px solid #eee;font-size:11px;color:#555;">No rain detected in radar</td></tr><tr style="background:#e8f5e9;"><td style="padding:7px 10px;border-bottom:1px solid #eee;">🌤️ Sembawang</td><td style="padding:7px 10px;border-bottom:1px solid #eee;"><span style="background:#2e7d32;color:#fff;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:bold;">20</span></td><td style="padding:7px 10px;border-bottom:1px solid #eee;"><div style="background:#eee;border-radius:4px;height:8px;width:70px;display:inline-block;vertical-align:middle;"><div style="background:#a5d6a7;height:8px;border-radius:4px;width:0%;"></div></div> <span style="font-size:11px;color:#666;">0/31</span></td><td style="padding:7px 10px;border-bottom:1px solid #eee;font-size:13px;">Showers</td><td style="padding:7px 10px;border-bottom:1px solid #eee;text-align:center;"><span style="color:#9e9e9e;font-size:12px;">—</span></td><td style="padding:7px 10px;border-bottom:1px solid #eee;text-align:center;font-size:12px;">medium</td><td style="padding:7px 10px;border-bottom:1px solid #eee;font-size:11px;color:#555;">No rain detected in radar</td></tr><tr style="background:#e8f5e9;"><td style="padding:7px 10px;border-bottom:1px solid #eee;">🌤️ Yishun</td><td style="padding:7px 10px;border-bottom:1px solid #eee;"><span style="background:#2e7d32;color:#fff;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:bold;">20</span></td><td style="padding:7px 10px;border-bottom:1px solid #eee;"><div style="background:#eee;border-radius:4px;height:8px;width:70px;display:inline-block;vertical-align:middle;"><div style="background:#a5d6a7;height:8px;border-radius:4px;width:0%;"></div></div> <span style="font-size:11px;color:#666;">0/31</span></td><td style="padding:7px 10px;border-bottom:1px solid #eee;font-size:13px;">Showers</td><td style="padding:7px 10px;border-bottom:1px solid #eee;text-align:center;"><span style="color:#9e9e9e;font-size:12px;">—</span></td><td style="padding:7px 10px;border-bottom:1px solid #eee;text-align:center;font-size:12px;">medium</td><td style="padding:7px 10px;border-bottom:1px solid #eee;font-size:11px;color:#555;">No rain detected in radar</td></tr><tr style="background:#e8f5e9;"><td style="padding:7px 10px;border-bottom:1px solid #eee;">🌤️ Sungei Kadut</td><td style="padding:7px 10px;border-bottom:1px solid #eee;"><span style="background:#2e7d32;color:#fff;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:bold;">20</span></td><td style="padding:7px 10px;border-bottom:1px solid #eee;"><div style="background:#eee;border-radius:4px;height:8px;width:70px;display:inline-block;vertical-align:middle;"><div style="background:#a5d6a7;height:8px;border-radius:4px;width:0%;"></div></div> <span style="font-size:11px;color:#666;">0/31</span></td><td style="padding:7px 10px;border-bottom:1px solid #eee;font-size:13px;">Showers</td><td style="padding:7px 10px;border-bottom:1px solid #eee;text-align:center;"><span style="color:#9e9e9e;font-size:12px;">—</span></td><td style="padding:7px 10px;border-bottom:1px solid #eee;text-align:center;font-size:12px;">medium</td><td style="padding:7px 10px;border-bottom:1px solid #eee;font-size:11px;color:#555;">No rain detected in radar</td></tr><tr style="background:#e8f5e9;"><td style="padding:7px 10px;border-bottom:1px solid #eee;">🌤️ Lim Chu Kang</td><td style="padding:7px 10px;border-bottom:1px solid #eee;"><span style="background:#2e7d32;color:#fff;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:bold;">20</span></td><td style="padding:7px 10px;border-bottom:1px solid #eee;"><div style="background:#eee;border-radius:4px;height:8px;width:70px;display:inline-block;vertical-align:middle;"><div style="background:#a5d6a7;height:8px;border-radius:4px;width:0%;"></div></div> <span style="font-size:11px;color:#666;">0/31</span></td><td style="padding:7px 10px;border-bottom:1px solid #eee;font-size:13px;">Showers</td><td style="padding:7px 10px;border-bottom:1px solid #eee;text-align:center;"><span style="color:#9e9e9e;font-size:12px;">—</span></td><td style="padding:7px 10px;border-bottom:1px solid #eee;text-align:center;font-size:12px;">medium</td><td style="padding:7px 10px;border-bottom:1px solid #eee;font-size:11px;color:#555;">No rain detected in radar</td></tr><tr style="background:#e8f5e9;"><td style="padding:7px 10px;border-bottom:1px solid #eee;">🌤️ Tengah</td><td style="padding:7px 10px;border-bottom:1px solid #eee;"><span style="background:#2e7d32;color:#fff;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:bold;">20</span></td><td style="padding:7px 10px;border-bottom:1px solid #eee;"><div style="background:#eee;border-radius:4px;height:8px;width:70px;display:inline-block;vertical-align:middle;"><div style="background:#a5d6a7;height:8px;border-radius:4px;width:0%;"></div></div> <span style="font-size:11px;color:#666;">0/31</span></td><td style="padding:7px 10px;border-bottom:1px solid #eee;font-size:13px;">Showers</td><td style="padding:7px 10px;border-bottom:1px solid #eee;text-align:center;"><span style="color:#9e9e9e;font-size:12px;">—</span></td><td style="padding:7px 10px;border-bottom:1px solid #eee;text-align:center;font-size:12px;">medium</td><td style="padding:7px 10px;border-bottom:1px solid #eee;font-size:11px;color:#555;">No rain detected in radar</td></tr><tr style="background:#e8f5e9;"><td style="padding:7px 10px;border-bottom:1px solid #eee;">🌤️ Choa Chu Kang</td><td style="padding:7px 10px;border-bottom:1px solid #eee;"><span style="background:#2e7d32;color:#fff;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:bold;">20</span></td><td style="padding:7px 10px;border-bottom:1px solid #eee;"><div style="background:#eee;border-radius:4px;height:8px;width:70px;display:inline-block;vertical-align:middle;"><div style="background:#a5d6a7;height:8px;border-radius:4px;width:0%;"></div></div> <span style="font-size:11px;color:#666;">0/31</span></td><td style="padding:7px 10px;border-bottom:1px solid #eee;font-size:13px;">Showers</td><td style="padding:7px 10px;border-bottom:1px solid #eee;text-align:center;"><span style="color:#9e9e9e;font-size:12px;">—</span></td><td style="padding:7px 10px;border-bottom:1px solid #eee;text-align:center;font-size:12px;">medium</td><td style="padding:7px 10px;border-bottom:1px solid #eee;font-size:11px;color:#555;">No rain detected in radar</td></tr><tr style="background:#e8f5e9;"><td style="padding:7px 10px;border-bottom:1px solid #eee;">🌤️ Western Water Catchment</td><td style="padding:7px 10px;border-bottom:1px solid #eee;"><span style="background:#2e7d32;color:#fff;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:bold;">20</span></td><td style="padding:7px 10px;border-bottom:1px solid #eee;"><div style="background:#eee;border-radius:4px;height:8px;width:70px;display:inline-block;vertical-align:middle;"><div style="background:#a5d6a7;height:8px;border-radius:4px;width:0%;"></div></div> <span style="font-size:11px;color:#666;">0/31</span></td><td style="padding:7px 10px;border-bottom:1px solid #eee;font-size:13px;">Showers</td><td style="padding:7px 10px;border-bottom:1px solid #eee;text-align:center;"><span style="color:#9e9e9e;font-size:12px;">—</span></td><td style="padding:7px 10px;border-bottom:1px solid #eee;text-align:center;font-size:12px;">medium</td><td style="padding:7px 10px;border-bottom:1px solid #eee;font-size:11px;color:#555;">No rain detected in radar</td></tr><tr style="background:#e8f5e9;"><td style="padding:7px 10px;border-bottom:1px solid #eee;">🌤️ Mandai</td><td style="padding:7px 10px;border-bottom:1px solid #eee;"><span style="background:#2e7d32;color:#fff;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:bold;">20</span></td><td style="padding:7px 10px;border-bottom:1px solid #eee;"><div style="background:#eee;border-radius:4px;height:8px;width:70px;display:inline-block;vertical-align:middle;"><div style="background:#a5d6a7;height:8px;border-radius:4px;width:0%;"></div></div> <span style="font-size:11px;color:#666;">0/31</span></td><td style="padding:7px 10px;border-bottom:1px solid #eee;font-size:13px;">Showers</td><td style="padding:7px 10px;border-bottom:1px solid #eee;text-align:center;"><span style="color:#9e9e9e;font-size:12px;">—</span></td><td style="padding:7px 10px;border-bottom:1px solid #eee;text-align:center;font-size:12px;">medium</td><td style="padding:7px 10px;border-bottom:1px solid #eee;font-size:11px;color:#555;">No rain detected in radar</td></tr><tr style="background:#e8f5e9;"><td style="padding:7px 10px;border-bottom:1px solid #eee;">🌤️ Central Water Catchment</td><td style="padding:7px 10px;border-bottom:1px solid #eee;"><span style="background:#2e7d32;color:#fff;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:bold;">20</span></td><td style="padding:7px 10px;border-bottom:1px solid #eee;"><div style="background:#eee;border-radius:4px;height:8px;width:70px;display:inline-block;vertical-align:middle;"><div style="background:#a5d6a7;height:8px;border-radius:4px;width:0%;"></div></div> <span style="font-size:11px;color:#666;">0/31</span></td><td style="padding:7px 10px;border-bottom:1px solid #eee;font-size:13px;">Showers</td><td style="padding:7px 10px;border-bottom:1px solid #eee;text-align:center;"><span style="color:#9e9e9e;font-size:12px;">—</span></td><td style="padding:7px 10px;border-bottom:1px solid #eee;text-align:center;font-size:12px;">medium</td><td style="padding:7px 10px;border-bottom:1px solid #eee;font-size:11px;color:#555;">No rain detected in radar</td></tr><tr style="background:#e8f5e9;"><td style="padding:7px 10px;border-bottom:1px solid #eee;">🌤️ Seletar</td><td style="padding:7px 10px;border-bottom:1px solid #eee;"><span style="background:#2e7d32;color:#fff;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:bold;">20</span></td><td style="padding:7px 10px;border-bottom:1px solid #eee;"><div style="background:#eee;border-radius:4px;height:8px;width:70px;display:inline-block;vertical-align:middle;"><div style="background:#a5d6a7;height:8px;border-radius:4px;width:0%;"></div></div> <span style="font-size:11px;color:#666;">0/31</span></td><td style="padding:7px 10px;border-bottom:1px solid #eee;font-size:13px;">Showers</td><td style="padding:7px 10px;border-bottom:1px solid #eee;text-align:center;"><span style="color:#9e9e9e;font-size:12px;">—</span></td><td style="padding:7px 10px;border-bottom:1px solid #eee;text-align:center;font-size:12px;">medium</td><td style="padding:7px 10px;border-bottom:1px solid #eee;font-size:11px;color:#555;">No rain detected in radar</td></tr><tr style="background:#e8f5e9;"><td style="padding:7px 10px;border-bottom:1px solid #eee;">🌤️ Tuas</td><td style="padding:7px 10px;border-bottom:1px solid #eee;"><span style="background:#2e7d32;color:#fff;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:bold;">20</span></td><td style="padding:7px 10px;border-bottom:1px solid #eee;"><div style="background:#eee;border-radius:4px;height:8px;width:70px;display:inline-block;vertical-align:middle;"><div style="background:#a5d6a7;height:8px;border-radius:4px;width:0%;"></div></div> <span style="font-size:11px;color:#666;">0/31</span></td><td style="padding:7px 10px;border-bottom:1px solid #eee;font-size:13px;">Showers</td><td style="padding:7px 10px;border-bottom:1px solid #eee;text-align:center;"><span style="color:#9e9e9e;font-size:12px;">—</span></td><td style="padding:7px 10px;border-bottom:1px solid #eee;text-align:center;font-size:12px;">medium</td><td style="padding:7px 10px;border-bottom:1px solid #eee;font-size:11px;color:#555;">No rain detected in radar</td></tr><tr style="background:#e8f5e9;"><td style="padding:7px 10px;border-bottom:1px solid #eee;">🌤️ Pioneer</td><td style="padding:7px 10px;border-bottom:1px solid #eee;"><span style="background:#2e7d32;color:#fff;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:bold;">20</span></td><td style="padding:7px 10px;border-bottom:1px solid #eee;"><div style="background:#eee;border-radius:4px;height:8px;width:70px;display:inline-block;vertical-align:middle;"><div style="background:#a5d6a7;height:8px;border-radius:4px;width:0%;"></div></div> <span style="font-size:11px;color:#666;">0/31</span></td><td style="padding:7px 10px;border-bottom:1px solid #eee;font-size:13px;">Showers</td><td style="padding:7px 10px;border-bottom:1px solid #eee;text-align:center;"><span style="color:#9e9e9e;font-size:12px;">—</span></td><td style="padding:7px 10px;border-bottom:1px solid #eee;text-align:center;font-size:12px;">medium</td><td style="padding:7px 10px;border-bottom:1px solid #eee;font-size:11px;color:#555;">No rain detected in radar</td></tr><tr style="background:#e8f5e9;"><td style="padding:7px 10px;border-bottom:1px solid #eee;">🌤️ Jurong West</td><td style="padding:7px 10px;border-bottom:1px solid #eee;"><span style="background:#2e7d32;color:#fff;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:bold;">20</span></td><td style="padding:7px 10px;border-bottom:1px solid #eee;"><div style="background:#eee;border-radius:4px;height:8px;width:70px;display:inline-block;vertical-align:middle;"><div style="background:#a5d6a7;height:8px;border-radius:4px;width:0%;"></div></div> <span style="font-size:11px;color:#666;">0/31</span></td><td style="padding:7px 10px;border-bottom:1px solid #eee;font-size:13px;">Showers</td><td style="padding:7px 10px;border-bottom:1px solid #eee;text-align:center;"><span style="color:#9e9e9e;font-size:12px;">—</span></td><td style="padding:7px 10px;border-bottom:1px solid #eee;text-align:center;font-size:12px;">medium</td><td style="padding:7px 10px;border-bottom:1px solid #eee;font-size:11px;color:#555;">No rain detected in radar</td></tr></tbody> | |
| </table> | |
| <div style="background:#fafafa;border-radius:8px;padding:10px 14px;margin-top:16px;font-size:11px;color:#666;"> | |
| <strong>Pipeline:</strong> Step1 Forecast + Step2 Wind + Step3 Radar → Step4 Projection + Step5 Fusion → Step6 Output<br> | |
| Risk: Radar 30% + Forecast 30% + ETA 25% + Alignment 15% | ETA conf: ● High ◐ Medium ○ Low | |
| </div> | |
| </div></body></html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment