30:Tb43,viewof map = { // From https://observablehq.com/@tmcw/using-mapbox-gl-js // Create the map container const container = html`

`; const infoContainer = html`

Weather warning

Be updated

Be prepared

Take action

None

No Data
Source: IMD Nowcast station warnings, IMD District wise warnings

Wind

Source: IMD/INSAT

Radar

Source: Rainviewer API/IMD Radar

`; container.appendChild(infoContainer); const mapContainer = html`

`; container.appendChild(mapContainer); yield mapContainer; yield container; // Inititalize the GL map let map = addMap({ container: mapContainer, center: [81, 22], zoom: 4, style: 'mapbox://styles/planemad/ckae3wqxx12ls1imxpg35lw76' }); // Wait until the map loads. map.on("load", () => { addLayers(map, indiaWeatherLayers); addLayers(map, rainviewerRadar); addLayers(map, indiaWeatherRadarLayers); map.getSource('nowcast').setData(nowcastData); map.getSource('warning').setData(districtWarningData); map.getSource('radar').setData(radarStationsData); addMapPopups( map, 'warning fill', function(feature) { return `

${feature.properties.district} (District)

${feature.properties.description}`; }, { popupOn: 'mousemove' } ); addMapPopups( map, 'nowcast circle', function(feature) { return `

${feature.properties.name} (Station)

${feature.properties.description}`; }, { popupOn: 'mousemove' } ); container.value = map; container.dispatchEvent(new CustomEvent("input")); }); // Be careful to clean up the map's resources using \`map.remove()\` whenever // this cell is re-evaluated. invalidation.then(() => map.remove()); }31:T1638,indiaWeatherRadarLayers = ({ // Sourced from https://ddgmui.imd.gov.in/radar/leaflet-map-csv-master/mosaic.php source: { DLI_WND: { type: 'image', url: corsProxyURL + "https://ddgmui.imd.gov.in/dwr_img/GIS/DLI-WND.png", coordinates: [ [74.663177, 30.836529], [79.780724, 30.836529], [79.780724, 26.342972], [74.663177, 26.342972] ] }, GOA_WND: { type: 'image', url: corsProxyURL + "https://ddgmui.imd.gov.in/dwr_img/GIS/GOA-WND.png", coordinates: [ [71.483635, 17.731600], [76.149567, 17.731600], [76.149567, 13.235000], [71.483635, 13.235000] ] }, PTL_WND: { type: 'image', url: corsProxyURL + "https://ddgmui.imd.gov.in/dwr_img/GIS/PTL-WND.png", coordinates: [ [73.843796, 32.605839], [79.054985, 32.605839], [79.054985, 28.109161], [73.843796, 28.109161] ] }, SRN_WND: { type: 'image', url: corsProxyURL + "https://ddgmui.imd.gov.in/dwr_img/GIS/SRN-WND.png", coordinates: [ [72.091362, 36.299355], [77.518639, 36.299355], [77.518639, 31.802645], [72.091362, 31.802645] ] }, JPR_WND: { type: 'image', url: corsProxyURL + "https://ddgmui.imd.gov.in/dwr_img/GIS/JPR-WND.png", coordinates: [ [73.299263, 29.068886], [78.337959, 29.068886], [78.337959, 24.572233], [73.299263, 24.572233] ] }, BHP_WND: { type: 'image', url: corsProxyURL + "https://ddgmui.imd.gov.in/dwr_img/GIS/BHP-WND.png", coordinates: [ [74.978836, 25.488142], [79.869209, 25.488142], [79.869209, 20.994617], [74.978836, 20.994617] ] }, LKN_WND: { type: 'image', url: corsProxyURL + "https://ddgmui.imd.gov.in/dwr_img/GIS/LKN-WND.png", coordinates: [ [78.364400, 28.994482], [83.397327, 28.994482], [83.397327, 24.500938], [78.364400, 24.500938] ] }, PTN_WND: { type: 'image', url: corsProxyURL + "https://ddgmui.imd.gov.in/dwr_img/GIS/PTN-WND.png", coordinates: [ [82.595657, 27.829712], [87.581001, 27.829712], [87.581001, 23.333067], [82.595657, 23.333067] ] }, CAL_WND: { type: 'image', url: corsProxyURL + "https://ddgmui.imd.gov.in/dwr_img/GIS/CAL-WND.png", coordinates: [ [85.918198, 24.818815], [90.787804, 24.818815], [90.787804, 20.322186], [85.918198, 20.322186] ] }, PDP_WND: { type: 'image', url: corsProxyURL + "https://ddgmui.imd.gov.in/dwr_img/GIS/PDP-WND.png", coordinates: [ [84.290161, 22.490023], [89.086411, 22.490023], [89.086411, 17.995041], [84.290161, 17.995041] ] }, VSK_WND: { type: 'image', url: corsProxyURL + "https://ddgmui.imd.gov.in/dwr_img/GIS/VSK-WND.png", coordinates: [ [81.013153, 19.981535], [85.737358, 19.981535], [85.737358, 15.486465], [81.013153, 15.486465] ] }, KKL_WND: { type: 'image', url: corsProxyURL + "https://ddgmui.imd.gov.in/dwr_img/GIS/KKL-WND.png", coordinates: [ [77.553284, 13.160551], [82.129539, 13.160551], [82.129539, 8.667069], [77.553284, 8.667069] ] }, MPT_WND: { type: 'image', url: corsProxyURL + "https://ddgmui.imd.gov.in/dwr_img/GIS/MPT-WND.png", coordinates: [ [78.813446, 18.428947], [83.492332, 18.428947], [83.492332, 13.935452], [78.813446, 13.935452] ] }, CNI_WND: { type: 'image', url: corsProxyURL + "https://ddgmui.imd.gov.in/dwr_img/GIS/CNI-WND.png", coordinates: [ [77.980217, 15.321131], [82.596451, 15.321131], [82.596451, 10.824535], [77.980217, 10.824535] ] }, HYD_WND: { type: 'image', url: corsProxyURL + "https://ddgmui.imd.gov.in/dwr_img/GIS/HYD-WND.png", coordinates: [ [76.118256, 19.691750], [80.828400, 19.691750], [80.828400, 15.198250], [76.118256, 15.198250] ] }, MUM_WND: { type: 'image', url: corsProxyURL + "https://ddgmui.imd.gov.in/dwr_img/GIS/MUM-WND.png", coordinates: [ [70.463211, 21.132158], [75.215790, 21.132158], [75.215790, 16.640245], [70.463211, 16.640245] ] }, NGP_WND: { type: 'image', url: corsProxyURL + "https://ddgmui.imd.gov.in/dwr_img/GIS/NGP-WND.png", coordinates: [ [76.694084, 23.318220], [81.516655, 23.318220], [81.516655, 18.823282], [76.694084, 18.823282] ] }, BHJ_WND: { type: 'image', url: corsProxyURL + "https://ddgmui.imd.gov.in/dwr_img/GIS/BHJ-WND.png", coordinates: [ [67.238480, 25.470028], [72.135628, 25.470028], [72.135628, 20.975243], [67.238480, 20.975243] ] }, AGT_WND: { type: 'image', url: corsProxyURL + "https://ddgmui.imd.gov.in/dwr_img/GIS/AGT-WND.png", coordinates: [ [88.791054, 26.136038], [93.708946, 26.136038], [93.708946, 21.639402], [88.791054, 21.639402] ] }, MBR_WND: { type: 'image', url: corsProxyURL + "https://ddgmui.imd.gov.in/dwr_img/GIS/MBR-WND.png", coordinates: [ [92.482712, 29.714998], [97.550629, 29.714998], [97.550629, 25.218342], [92.482712, 25.218342] ] } } })32:Td2d,indiaWeatherLayers = ({ // Sourced from https://ddgmui.imd.gov.in/radar/leaflet-map-csv-master/mosaic.php source: { nowcast: { type: 'geojson', data: { type: 'FeatureCollection', features: [] } }, warning: { type: 'geojson', data: { type: 'FeatureCollection', features: [] } }, radar: { type: 'geojson', data: { type: 'FeatureCollection', features: [] } }, insat: { type: 'image', url: corsProxyURL + "https://ddgmui.imd.gov.in/dwr_img/GIS/insatfinal.png", coordinates: [ [44.50, 45.5], [105.5, 45.5], [105.5, -10.00], [44.50, -10.00] ] } }, layer: { 'nowcast label': { type: 'symbol', source: 'nowcast', filter: [ "all", [ "match", ["downcase", ["get", "status"]], ["no warning", ""], false, true ] ], layout: { 'text-field': warningLabelsStyle, 'text-font': ['Open Sans Semibold', 'Arial Unicode MS Bold'], 'text-size': 12, 'text-max-width': 20 }, paint: { 'text-color': ["get", "status-color"], 'text-halo-color': 'black', 'text-halo-width': 1 } }, 'warning label': { type: 'symbol', source: 'warning', filter: [ "all", [ "match", ["downcase", ["get", "status"]], ["no warning", ""], false, true ] ], layout: { 'text-field': warningLabelsStyle, 'text-font': ['Open Sans Semibold', 'Arial Unicode MS Bold'], 'text-size': 10, 'text-max-width': 20 }, paint: { 'text-color': ["get", "status-color"], 'text-halo-color': 'black', 'text-halo-width': 1 } }, 'clouds img': { type: 'raster', source: 'insat', beforeLayer: "country", paint: { 'raster-opacity': [ "interpolate", ["exponential", 1.4], ["zoom"], 1, 0.8, 3, 0.6, 10, 0.1 ], 'raster-brightness-max': 0.95, 'raster-contrast': -0.2 } }, 'warning fill': { type: 'fill', source: 'warning', beforeLayer: "country", paint: { 'fill-color': [ 'case', ['has', 'status-color'], ['get', 'status-color'], 'white' ], 'fill-opacity': 0.1, 'fill-antialias': false } }, 'nowcast circle': { type: 'circle', source: 'nowcast', beforeLayer: "country", paint: { 'circle-color': ['get', 'status-color'], 'circle-opacity': 0.5, 'circle-radius': 4 } }, 'radar-station circle': { type: 'circle', source: 'radar', beforeLayer: "country", paint: { 'circle-color': "hsla(0, 15%, 87%, 0.1)", 'circle-opacity': 0, 'circle-stroke-width': 1, 'circle-stroke-color': "hsla(213, 0%, 66%,0)", 'circle-radius': [ "interpolate", ["exponential", 1.56], ["zoom"], 4, 30, 8, 400 ] } } } })33:T2573,radarStationsData = ({ type: "FeatureCollection", name: "radar-stations", features: [ { type: "Feature", properties: { url: "http:\/\/ddgmui.imd.gov.in\/dwr_img\/GIS\/42027.png", name: "Srinagar" }, geometry: { type: "Point", coordinates: [74.83, 34.08] } }, { type: "Feature", properties: { url: "http:\/\/ddgmui.imd.gov.in\/dwr_img\/GIS\/42101.png", name: "Patiala" }, geometry: { type: "Point", coordinates: [76.46, 30.33] } }, { type: "Feature", properties: { url: "http:\/\/ddgmui.imd.gov.in\/dwr_img\/GIS\/42182.png", name: "Delhi" }, geometry: { type: "Point", coordinates: [77.23, 28.59] } }, { type: "Feature", properties: { url: "http:\/\/ddgmui.imd.gov.in\/dwr_img\/GIS\/42339.png", name: "Jodhpur" }, geometry: { type: "Point", coordinates: [73.01, 26.3] } }, { type: "Feature", properties: { url: " http:\/\/ddgmui.imd.gov.in\/dwr_img\/GIS\/42348.png", name: "Jaipur" }, geometry: { type: "Point", coordinates: [75.8, 26.81] } }, { type: "Feature", properties: { url: "http:\/\/ddgmui.imd.gov.in\/dwr_img\/GIS\/42369.png", name: "Lucknow" }, geometry: { type: "Point", coordinates: [80.88, 26.75] } }, { type: "Feature", properties: { url: "http:\/\/ddgmui.imd.gov.in\/dwr_img\/GIS\/42379.png", name: "Gorakhpur" }, geometry: { type: "Point", coordinates: [83.36, 26.75] } }, { type: "Feature", properties: { url: "http:\/\/ddgmui.imd.gov.in\/dwr_img\/GIS\/42056.png", name: "Jammu" }, geometry: { type: "Point", coordinates: [74.83, 32.66] } }, { type: "Feature", properties: { url: "http:\/\/ddgmui.imd.gov.in\/dwr_img\/GIS\/42079.png", name: "Sundernagar" }, geometry: { type: "Point", coordinates: [76.58, 31.3] } }, { type: "Feature", properties: { url: "http:\/\/ddgmui.imd.gov.in\/dwr_img\/GIS\/42111.png", name: "Dehradun" }, geometry: { type: "Point", coordinates: [78.03, 30.31] } }, { type: "Feature", properties: { url: "http:\/\/ddgmui.imd.gov.in\/dwr_img\/GIS\/42314.png", name: "Mohanbari" }, geometry: { type: "Point", coordinates: [95.01, 27.48] } }, { type: "Feature", properties: { url: "http:\/\/ddgmui.imd.gov.in\/dwr_img\/GIS\/42410.png", name: "Guwahati" }, geometry: { type: "Point", coordinates: [91.58, 26.1] } }, { type: "Feature", properties: { url: "http:\/\/ddgmui.imd.gov.in\/dwr_img\/GIS\/42724.png", name: "Agartala" }, geometry: { type: "Point", coordinates: [91.25, 23.88] } }, { type: "Feature", properties: { url: "http:\/\/ddgmui.imd.gov.in\/dwr_img\/GIS\/42399.png", name: "Jalpaiugudi" }, geometry: { type: "Point", coordinates: [88.71, 26.53] } }, { type: "Feature", properties: { url: "http:\/\/ddgmui.imd.gov.in\/dwr_img\/GIS\/42492.png", name: "Patna" }, geometry: { type: "Point", coordinates: [85.1, 25.6] } }, { type: "Feature", properties: { url: "http:\/\/ddgmui.imd.gov.in\/dwr_img\/GIS\/42701.png", name: "Ranchi" }, geometry: { type: "Point", coordinates: [85.31, 23.31] } }, { type: "Feature", properties: { url: "http:\/\/ddgmui.imd.gov.in\/dwr_img\/GIS\/42809.png", name: "Kolkata" }, geometry: { type: "Point", coordinates: [88.45, 22.65] } }, { type: "Feature", properties: { url: "http:\/\/ddgmui.imd.gov.in\/dwr_img\/GIS\/42971.png", name: "Bhubhneshwar" }, geometry: { type: "Point", coordinates: [85.83, 20.25] } }, { type: "Feature", properties: { url: "http:\/\/ddgmui.imd.gov.in\/dwr_img\/GIS\/43333.png", name: "Portblair" }, geometry: { type: "Point", coordinates: [92.71, 11.66] } }, { type: "Feature", properties: { url: "http:\/\/ddgmui.imd.gov.in\/dwr_img\/GIS\/42299.png", name: "Gangtok" }, geometry: { type: "Point", coordinates: [88.61, 27.33] } }, { type: "Feature", properties: { url: "http:\/\/ddgmui.imd.gov.in\/dwr_img\/GIS\/42886.png", name: "Jharsuguda" }, geometry: { type: "Point", coordinates: [84.08, 21.91] } }, { type: "Feature", properties: { url: "http:\/\/ddgmui.imd.gov.in\/dwr_img\/GIS\/42361.png", name: "Gwalior" }, geometry: { type: "Point", coordinates: [78.25, 26.23] } }, { type: "Feature", properties: { url: "http:\/\/ddgmui.imd.gov.in\/dwr_img\/GIS\/42667.png", name: "Bhopal" }, geometry: { type: "Point", coordinates: [77.35, 23.28] } }, { type: "Feature", properties: { url: "http:\/\/ddgmui.imd.gov.in\/dwr_img\/GIS\/42867.png", name: "Nagpur" }, geometry: { type: "Point", coordinates: [79.05, 21.1] } }, { type: "Feature", properties: { url: "http:\/\/ddgmui.imd.gov.in\/dwr_img\/GIS\/42875.png", name: "Raipur" }, geometry: { type: "Point", coordinates: [81.66, 21.21] } }, { type: "Feature", properties: { url: "http:\/\/ddgmui.imd.gov.in\/dwr_img\/GIS\/43041.png", name: "Jagdalpur" }, geometry: { type: "Point", coordinates: [79.95, 23.01] } }, { type: "Feature", properties: { url: "http:\/\/ddgmui.imd.gov.in\/dwr_img\/GIS\/42647.png", name: "Ahemdabad" }, geometry: { type: "Point", coordinates: [72.63, 23.06] } }, { type: "Feature", properties: { url: "http:\/\/ddgmui.imd.gov.in\/dwr_img\/GIS\/43003.png", name: "Mumbai" }, geometry: { type: "Point", coordinates: [72.81, 18.9] } }, { type: "Feature", properties: { url: "http:\/\/ddgmui.imd.gov.in\/dwr_img\/GIS\/43014.png", name: "Chikalthana" }, geometry: { type: "Point", coordinates: [75.4, 19.08] } }, { type: "Feature", properties: { url: "http:\/\/ddgmui.imd.gov.in\/dwr_img\/GIS\/43192.png", name: "Goa" }, geometry: { type: "Point", coordinates: [73.81, 15.48] } }, { type: "Feature", properties: { url: "http:\/\/ddgmui.imd.gov.in\/dwr_img\/GIS\/43110.png", name: "Ratnagiri" }, geometry: { type: "Point", coordinates: [73.33, 16.98] } }, { type: "Feature", properties: { url: "http:\/\/ddgmui.imd.gov.in\/dwr_img\/GIS\/43063.png", name: "Pune" }, geometry: { type: "Point", coordinates: [73.85, 18.53] } }, { type: "Feature", properties: { url: "http:\/\/ddgmui.imd.gov.in\/dwr_img\/GIS\/43128.png", name: "Hyderabad" }, geometry: { type: "Point", coordinates: [78.46, 17.45] } }, { type: "Feature", properties: { url: "http:\/\/ddgmui.imd.gov.in\/dwr_img\/GIS\/43150.png", name: "Vishakapatnam" }, geometry: { type: "Point", coordinates: [83.31, 17.68] } }, { type: "Feature", properties: { url: "http:\/\/ddgmui.imd.gov.in\/dwr_img\/GIS\/43185.png", name: "Machlipatnam" }, geometry: { type: "Point", coordinates: [81.13, 16.18] } }, { type: "Feature", properties: { url: "http:\/\/ddgmui.imd.gov.in\/dwr_img\/GIS\/43279.png", name: "Chennai" }, geometry: { type: "Point", coordinates: [80.18, 13.0] } }, { type: "Feature", properties: { url: "http:\/\/ddgmui.imd.gov.in\/dwr_img\/GIS\/43285.png", name: "Mangalore" }, geometry: { type: "Point", coordinates: [74.88, 12.91] } }, { type: "Feature", properties: { url: "http:\/\/ddgmui.imd.gov.in\/dwr_img\/GIS\/43295.png", name: "Bangalore" }, geometry: { type: "Point", coordinates: [77.58, 12.96] } }, { type: "Feature", properties: { url: "http:\/\/ddgmui.imd.gov.in\/dwr_img\/GIS\/43311.png", name: "Aminidivi" }, geometry: { type: "Point", coordinates: [72.73, 11.11] } }, { type: "Feature", properties: { url: "http:\/\/ddgmui.imd.gov.in\/dwr_img\/GIS\/43346.png", name: "Karaikal" }, geometry: { type: "Point", coordinates: [79.98, 10.91] } }, { type: "Feature", properties: { url: "http:\/\/ddgmui.imd.gov.in\/dwr_img\/GIS\/43353.png", name: "Kochi" }, geometry: { type: "Point", coordinates: [76.23, 9.96] } }, { type: "Feature", properties: { url: "http:\/\/ddgmui.imd.gov.in\/dwr_img\/GIS\/43369.png", name: "Minikoy" }, geometry: { type: "Point", coordinates: [73.0, 8.3] } }, { type: "Feature", properties: { url: "http:\/\/ddgmui.imd.gov.in\/dwr_img\/GIS\/43371.png", name: "Tiruvananthpuram" }, geometry: { type: "Point", coordinates: [76.95, 8.48] } } ] })34:[] 2e:{"title":"India Weather Map","cells":[{"id":0,"value":"md`# India Weather Map\n\nMap of the real time weather warnings issued by the [India Meteorological Department](https://mausam.imd.gov.in/) | **[📄 Latest press release](https://mausam.imd.gov.in/Forecast/marquee_data/Press%20Release.pdf)**\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1060,"value":"","pinned":true,"hidden":false,"mode":"ojs"},{"id":25,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":766,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":1018,"value":"{\n map.getSource('insat')\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":552,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":1039,"value":"warningLabelsStyle = [\n \"format\",\n [\"to-string\", [\"get\", \"name\"]],\n \"\\n\",\n [\n \"case\",\n [\"in\", \"hail\", [\"downcase\", [\"get\", \"status\"]]],\n [\"image\", \"hail\"],\n [\"image\", \"\"]\n ],\n [\n \"case\",\n [\n \"any\",\n [\"in\", \"lightning\", [\"downcase\", [\"get\", \"status\"]]],\n [\"in\", \"storm\", [\"downcase\", [\"get\", \"status\"]]]\n ],\n [\"image\", \"thunderstorm\"],\n [\"image\", \"\"]\n ],\n [\n \"case\",\n [\"in\", \"rain\", [\"downcase\", [\"get\", \"status\"]]],\n [\"image\", \"rain\"],\n [\"image\", \"\"]\n ],\n [\n \"case\",\n [\"in\", \"squall\", [\"downcase\", [\"get\", \"status\"]]],\n [\"image\", \"wind\"],\n [\"image\", \"\"]\n ],\n [\n \"case\",\n [\"in\", \"wind\", [\"downcase\", [\"get\", \"status\"]]],\n [\"image\", \"surface-wind\"],\n [\"image\", \"\"]\n ]\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":939,"value":"rainviewerRadar = ({\n // Radar data from https://www.rainviewer.com/api.html\n source: {\n rainradar: {\n type: 'raster',\n tiles: [\n corsProxyURL +\n `https://tilecache.rainviewer.com/v2/radar/${radarTimestamps[0]}/256/{z}/{x}/{y}/2/1_0.png`\n ],\n tileSize: 256,\n attribution:\n 'Radar data from Rainviewer'\n }\n },\n layer: {\n 'radar img': {\n type: 'raster',\n source: 'rainradar',\n minzoom: 0,\n maxzoom: 22,\n beforeLayer: \"country\",\n paint: {\n 'raster-opacity': [\n \"interpolate\",\n [\"exponential\", 1.4],\n [\"zoom\"],\n 3,\n 0.8,\n 10,\n 0.1\n ]\n }\n }\n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":520,"value":"addRadarSourceLayers = {\n for (var key in indiaWeatherRadarLayers.source) {\n if (RegExp('.*WND').test(key)) {\n map.addLayer(\n {\n id: key,\n source: key,\n type: 'raster',\n paint: {\n 'raster-opacity': 0.8\n }\n },\n \"country\"\n );\n }\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":975,"value":"function* range(n) {\n for (let i = 0; i < n; ++i) {\n yield i;\n }\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":960,"value":"seq = {\n for (const i of range(Infinity)) {\n yield Promises.tick(1000, i % 6);\n }\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":888,"value":"md`## Lightning activity\n\n\n\n![](https://mausam.imd.gov.in/lightning/Converted/BT.gif)\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":721,"value":"md`## Recent Satellite`","pinned":false,"hidden":false,"mode":"ojs"},{"id":726,"value":"md`The [INSAT 3D](https://en.wikipedia.org/wiki/INSAT-3D) satellite provides imagery updated every 30 mins across 4 bands that can be used to interpret the current cloud situation. Source: [IMD](https://mausam.imd.gov.in/imd_latest/contents/satellite.php)
\n**📄 Read latest bulletin** [Page 1](https://mausam.imd.gov.in/Satellite/tmpsbltn/satbltn-0.png) | [Page 2](https://mausam.imd.gov.in/Satellite/tmpsbltn/satbltn-1.png)\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":823,"value":"viewof insat_img = radio({\n title: 'Select band',\n options: [\n {\n label: 'Water vapour (last 5hrs)',\n value: 'https://mausam.imd.gov.in/Satellite/Converted/WV.gif'\n },\n {\n label: 'Infrared 1 (last 5hrs)',\n value: 'https://mausam.imd.gov.in/Satellite/Converted/IR1.gif'\n },\n {\n label: 'Visible (last 5hrs)',\n value: 'https://mausam.imd.gov.in/Satellite/Converted/VIS.gif'\n },\n\n {\n label: 'Color composite',\n value:\n 'http://www.rsmcnewdelhi.imd.gov.in/images/satelliteImage/sector-irc.jpg'\n }\n ],\n value: 'https://mausam.imd.gov.in/Satellite/Converted/WV.gif'\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":716,"value":"md`![](${insat_img})`","pinned":false,"hidden":false,"mode":"ojs"},{"id":727,"value":"md`### Himwari\n\nhttps://www.data.jma.go.jp/mscweb/data/himawari/sat_img.php?area=se4\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":747,"value":"viewof a3 = slider({\n min: 0,\n max: 100,\n step: 10,\n value: 10\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":732,"value":"md`![](${\"https://www.data.jma.go.jp/mscweb/data/himawari/img/se4/se4_b13_04\" +\n a3 +\n \".jpg\"})`","pinned":false,"hidden":false,"mode":"ojs"},{"id":795,"value":"md`## Rainfall\n\nSource: https://mausam.imd.gov.in/imd_latest/contents/realized_rainfall.php\n\n![](http://imdpune.gov.in/Seasons/Pre_Monsoon/dtoday.gif)\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":927,"value":"md`### Drought and precipitation index`","pinned":false,"hidden":false,"mode":"ojs"},{"id":921,"value":"viewof spi_img = radio({\n options: [\n {\n label: 'Week',\n value:\n 'https://mausam.imd.gov.in/ClimateInformation/imdweb/SPI/SPIweek.jpg'\n },\n {\n label: 'Month',\n value:\n 'https://mausam.imd.gov.in/ClimateInformation/imdweb/SPI/SPImonth.jpg'\n }\n ],\n value: 'https://mausam.imd.gov.in/ClimateInformation/imdweb/SPI/SPIweek.jpg'\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":923,"value":"md`![](${spi_img})`","pinned":false,"hidden":false,"mode":"ojs"},{"id":800,"value":"md`## Temperature\n\nSource: https://mausam.imd.gov.in/imd_latest/contents/realized_temperature.php\n\n![](http://imdpune.gov.in/Seasons/Temperature/t-0.gif)\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":861,"value":"md`## City Weather\n\nhttp://internal.imd.gov.in/pages/city_weather_main_mausam.php\nhttps://city.imd.gov.in/citywx/localwx.php\nhttps://mausam.imd.gov.in/imd_latest/contents/agromet/advisory/districtforecasttable.php?q=SPSR-NELLORE\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":919,"value":"md`## Other source\n\nhttps://www.rainviewer.com/\n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":680,"value":"md`## Data`","pinned":false,"hidden":false,"mode":"ojs"},{"id":704,"value":"import { geoJSON as nowcastData } from \"@planemad/imd-india-weather-station-warnings\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":863,"value":"import { geoJSON as districtWarningData } from \"@planemad/imd-india-district-weather-warnings\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":710,"value":"nowcastData","pinned":false,"hidden":false,"mode":"ojs"},{"id":871,"value":"districtWarningData","pinned":true,"hidden":false,"mode":"ojs"},{"id":808,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":949,"value":"radarTimestamps = d3.json('https://api.rainviewer.com/public/maps.json')","pinned":true,"hidden":false,"mode":"ojs"},{"id":635,"value":"md`## Setup\n[Mapbox access token](https://docs.mapbox.com/help/how-mapbox-works/access-tokens/) will have to be replaced from one from your personal account if forked.\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":9,"value":"mapboxAccessToken = \"pk.eyJ1IjoicGxhbmVtYWQiLCJhIjoiY2s4bnI0bWN0MTE1MzNlcXN0a2M4aTJzYiJ9.N9PCXHPAeJb4N6lBd2_a0Q\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":2,"value":"import { mapboxgl } with {\n mapboxAccessToken as accessToken\n} from \"@planemad/mapbox-gl-cartography\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":38,"value":"import {\n addMap,\n addLayers,\n addMapPopups,\n findLayers\n} from \"@planemad/mapbox-gl-cartography\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":748,"value":"import { slider, radio } from \"@jashkenas/inputs\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":644,"value":"d3 = require('d3')","pinned":false,"hidden":false,"mode":"ojs"},{"id":649,"value":"corsProxyURL = \"https://api.allorigins.win/raw?url=\"","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W34","stdlib":"1","titling":"auto"}