2d:null 2e:["$","title",null,{"children":"April 10-13 Severe Weather across the US | jpicca | Observable"}] 33:Tee4,{ b1; let curTime = new Date('2020-04-10UTC20:00') let ms = curTime.getTime(); let endTime = new Date('2020-04-13UTC22:30') while (true) { ms += 900000 curTime = new Date(ms) let formatTime = `April ${curTime.getUTCDate()} ${curTime.getUTCHours()}:${curTime.getUTCMinutes()}` d3.select('.timeText') .text(`Time: ${formatTime} UTC`) yield Promises.tick(250,curTime); d3.selectAll('.watch') .transition() .duration(200) .attr('opacity', d => { //let startTime = new Date(d.properties.start) if ((curTime > new Date(d.properties.start)) && (curTime < new Date(d.properties.end)) ) { return 1; } else if (curTime > new Date(d.properties.end)) { return 0.2; } else { return 0; } }) d3.selectAll('.warning') .transition() .duration(250) .attr('opacity', d => { //let startTime = new Date(d.properties.start) let test = d.properties.ISSUED let testExp = d.properties.EXPIRED let issueTime = new Date(`${test.substr(0,4)}-${test.substr(4,2)}-${test.substr(6,2)}UTC${test.substr(8,2)}:${test.substr(10,4)}`) let exTime = new Date(`${testExp.substr(0,4)}-${testExp.substr(4,2)}-${testExp.substr(6,2)}UTC${testExp.substr(8,2)}:${testExp.substr(10,4)}`) if ((curTime > issueTime) && (curTime < exTime) ) { return 0.6; //} else if (curTime > exTime) { // return 0.6; } else { return 0; } }) d3.selectAll('.tor') .attr('stroke-width', d => { let test = d.VALID; let reportTime = new Date(`${test.substr(0,4)}-${test.substr(4,2)}-${test.substr(6,2)}UTC${test.substr(8,2)}:${test.substr(10,4)}`) if (curTime > reportTime) { return 3; } else { return 0; } }) .transition() .duration(750) .ease(d3.easeElasticOut.amplitude(1.5).period(0.2)) .attr('r', d => { let test = d.VALID; let reportTime = new Date(`${test.substr(0,4)}-${test.substr(4,2)}-${test.substr(6,2)}UTC${test.substr(8,2)}:${test.substr(10,4)}`) if (curTime > reportTime) { return 5; } else { return 0; } }); d3.selectAll('.windywindy') .transition() .duration(750) .ease(d3.easeElasticOut.amplitude(1.5).period(0.2)) .attr('r', d => { let test = d.VALID; let reportTime = new Date(`${test.substr(0,4)}-${test.substr(4,2)}-${test.substr(6,2)}UTC${test.substr(8,2)}:${test.substr(10,4)}`) if (curTime > reportTime) { return 2; } else { return 0; } }); d3.selectAll('.hailer') .attr('stroke-width', d => { let test = d.VALID; let reportTime = new Date(`${test.substr(0,4)}-${test.substr(4,2)}-${test.substr(6,2)}UTC${test.substr(8,2)}:${test.substr(10,4)}`) if (curTime > reportTime) { return 1; } else { return 0; } }) .transition() .duration(750) .ease(d3.easeElasticOut.amplitude(1.5).period(0.2)) .attr('r', d => { let test = d.VALID; let reportTime = new Date(`${test.substr(0,4)}-${test.substr(4,2)}-${test.substr(6,2)}UTC${test.substr(8,2)}:${test.substr(10,4)}`) if ((curTime > reportTime) && (d.MAG > 0.9)) { return 2*d.MAG; } else { return 0; } }); if (curTime > endTime) { break } } }34:T14e5,{ var svg = d3.select('body').select('svg') svg.selectAll('.legend').remove() svg.append('text') .classed('legend',true) .attr('x',850) .attr('y',405) .text('Svr Tstm') .attr('font-size',11) svg.append('text') .classed('legend',true) .attr('x',905) .attr('y',405) .text('Tor') .attr('font-size',11) svg.append('text') .classed('legend',true) .attr('x',800) .attr('y',475) .text('Warnings') .attr('font-size',13) svg.append('text') .classed('legend',true) .attr('x',800) .attr('y',435) .text('Watches') .attr('font-size',13) svg.append('polygon') .classed('legend',true) .attr('points','895,450 905,415 935,415 925,450') .attr('fill','red') .attr('opacity',0.6) .attr('stroke','black') .attr('stroke-width',1) svg.append('polygon') .classed('legend',true) .attr('points','850,450 860,415 890,415 880,450') .attr('fill','yellow') .attr('opacity',0.6) .attr('stroke','black') .attr('stroke-width',1) svg.append('polygon') .classed('legend',true) .attr('points','865,465 865,475 880,480 880,460') .attr('fill','yellow') .attr('stroke','black') .attr('stroke-width',2) svg.append('polygon') .classed('legend',true) .attr('points','905,465 905,475 920,480 920,460') .attr('fill','red') .attr('stroke','black') .attr('stroke-width',2) svg.append('text') .classed('legend',true) .attr('x',520) .attr('y',545) .text('Local Storm Reports') .attr('font-size',20) svg.append('text') .classed('legend',true) .attr('x',550) .attr('y',560) .text('Hail | Wind | Tornado') .attr('font-size',13) svg.append('circle') .classed('legend',true) .attr('cx',557) .attr('cy',570) .attr('r', 3) .attr('fill','green') svg.append('circle') .classed('legend',true) .attr('cx',568) .attr('cy',570) .attr('r', 6) .attr('fill','green') svg.append('circle') .classed('legend',true) .attr('cx',600) .attr('cy',570) .attr('r', 3) .attr('fill','blue') svg.append('circle') .classed('legend',true) .attr('cx',648) .attr('cy',570) .attr('r', 5) .attr('fill','red') .attr('stroke','black') .attr('stroke-width',3) svg.select('.timeText').remove() svg.append('text') .classed('timeText',true) .attr('x',500) .attr('y',20) .text('Time: ') .attr('font-size',20) svg.select('.watches').remove() var watches = svg.append('g'); watches.classed('watches',true) watches.selectAll('.watch') .data(watchData) .enter() .append('path') .classed('watch',true) .attr("stroke", 'black') .attr('fill',d => { if (d.properties.haz == 'TOR') { return 'red' } else { return 'yellow' } }) .attr('stroke-width',1) .attr("d", newpath) .attr('opacity',0) svg.select('.warnings').remove() var warnings = svg.append('g'); warnings.classed('warnings',true) warnings.selectAll('.warning') .data(warns.features) .enter() .append('path') .attr("fill", d => { if (d.properties.PHENOM == 'TO') { return 'red' } else if (d.properties.PHENOM == 'SV') { return 'yellow' } else { return 'none' } }) .attr('opacity', 0) .attr("stroke", 'black') .attr('stroke-width',d => { if (d.properties.PHENOM == 'TO') { return 2 } else if (d.properties.PHENOM == 'SV') { return 2 } else { return 0 } }) .attr("d", newpath) .classed('warning',true) svg.select('.tors').remove() var tors = svg.append('g') tors.classed('tors',true) tors.selectAll('circle') .data(tornado) .enter() .append('circle') .attr("fill", 'red') .attr('stroke','black') .attr('stroke-width',0) .attr('cx',d => projection([d.LON,d.LAT])[0] ) .attr('cy',d => projection([d.LON,d.LAT])[1] ) .classed('tor',true) .attr('r',0) .attr('opacity',0.8) svg.select('.hail').remove() var hailers = svg.append('g') hailers.classed('hail',true) hailers.selectAll('circle') .data(hail) .enter() .append('circle') .attr("fill", 'green') .attr('stroke','black') .attr('stroke-width',0) .attr('cx',d => projection([d.LON,d.LAT])[0] ) .attr('cy',d => projection([d.LON,d.LAT])[1] ) .classed('hailer',true) .attr('r',0) .attr('opacity',0.5) svg.select('.wind').remove() var windy = svg.append('g') windy.classed('wind',true) windy.selectAll('circle') .data(wind) .enter() .append('circle') .attr("fill", 'blue') .attr('stroke','black') .attr('stroke-width',0) .attr('cx',d => projection([d.LON,d.LAT])[0] ) .attr('cy',d => projection([d.LON,d.LAT])[1] ) .classed('windywindy',true) .attr('r',0) .attr('opacity',0.5) return 'Data Initialized' }35:[{"id":"6b1776f5a0a0e76e6428805c0074a8f262e3f34b1b50944da27903e014b409958dc29b03a1c9cc331949d6a2a404c19dfd0d9d36d9c32274e6ffbc07c11350ee","href":"https://static.observableusercontent.com/files/6b1776f5a0a0e76e6428805c0074a8f262e3f34b1b50944da27903e014b409958dc29b03a1c9cc331949d6a2a404c19dfd0d9d36d9c32274e6ffbc07c11350ee","name":"counties-albers-10m.json","type":"application/octet-stream","lastModified":1586799878037.167,"size":795407},{"id":"942ede5d819d602982a67da5d7c1eb27e7bfd11dcef930941d7ceb83a87ead898a9e035d4e2363ef51ff75cbcc8909ba5457f0de38be2a20fa3510545f71d907","href":"https://static.observableusercontent.com/files/942ede5d819d602982a67da5d7c1eb27e7bfd11dcef930941d7ceb83a87ead898a9e035d4e2363ef51ff75cbcc8909ba5457f0de38be2a20fa3510545f71d907","name":"watches@3.json","type":"application/json","lastModified":1586826153011.249,"size":7575},{"id":"833cd046e01b73514bac469bd2ad1087c9878feafeafc67665caff9cb3bb7c5f13a2e7f4d26c4af2e0c0b4b4afe3b5dde6a18f61d8c1b7a590830c9a24b4b685","href":"https://static.observableusercontent.com/files/833cd046e01b73514bac469bd2ad1087c9878feafeafc67665caff9cb3bb7c5f13a2e7f4d26c4af2e0c0b4b4afe3b5dde6a18f61d8c1b7a590830c9a24b4b685","name":"lsr_202004102000_202004140000 (1).csv","type":"text/csv","lastModified":1586923884488.581,"size":771170},{"id":"90f93d239fe3b7ae5f12968dc316d3c41b4f78ad7127197e3f457ce573849f4fe68a3c646eb83e8f929aac88741b6707b97cbe1ff03aeb6ac8ecf94800906668","href":"https://static.observableusercontent.com/files/90f93d239fe3b7ae5f12968dc316d3c41b4f78ad7127197e3f457ce573849f4fe68a3c646eb83e8f929aac88741b6707b97cbe1ff03aeb6ac8ecf94800906668","name":"wwa_202004102000_202004140000-2.json","type":"application/json","lastModified":1586841044316.258,"size":398726}] 31:{"id":"b4f7e94e6bc7ae38","slug":"april-10-13-severe-weather-across-the-us","title":"April 10-13 Severe Weather across the US","thumbnail":"189f8be61ed999e4065eed4a5e93fd67de50c0c6cdc16610c541a9ec98c07473","access_level":"public","create_time":"$D2020-04-13T17:44:38.037Z","update_time":"$D2020-04-15T04:11:40.310Z","view_time":null,"first_public_time":"$D2020-04-15T04:24:51.979Z","has_unpublished_edits":null,"fork":{"id":"94e0204227322a69","slug":"u-s-map","title":"U.S. Map","owner":{"id":"863951e3ebe4c0ae","login":"d3","name":"D3"}},"stars":2,"starred":false,"owner":{"type":"team","id":"2cbab9f9f1a94cdb","login":"jpicca","name":"","avatar_url":"https://avatars-next.observableusercontent.com/5c71dc5df44d86d6938b5986bed986e6b59004853f57c244a636dc58daee6be2","tier":"starter_2024"},"version":559,"publish_version":559,"role":null,"authored":false,"authors":[{"type":"individual","id":"d4c08256f0e65a84","login":"jpicca","name":"","avatar_url":"https://avatars-next.observableusercontent.com/5c71dc5df44d86d6938b5986bed986e6b59004853f57c244a636dc58daee6be2","tier":null}],"members":[{"type":"individual","id":"d4c08256f0e65a84","login":"jpicca","name":"","avatar_url":"https://avatars-next.observableusercontent.com/5c71dc5df44d86d6938b5986bed986e6b59004853f57c244a636dc58daee6be2","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":4,"collection":null,"type":"notebook","body":{"title":"April 10-13 Severe Weather across the US","cells":[{"id":0,"value":"md`# April 10-13 Severe Weather across the US\nA loop of severe thunderstorm and tornado watches/warnings and local storm reports issued by the National Weather Service for April 10-13.\n\n**Notes**: \n- Further reports may be documented after the time of data processing, and this map should be considered preliminary.\n- Watch plot parallelograms are only approximations of the watch area.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":553,"value":"viewof b1 = button({value: \"Run Loop\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"map = html``\n//transform='translate(-490,-210) scale(1.5)'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":319,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":114,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":224,"value":"wind = lsrData.filter(entry => entry.TYPECODE == 'D')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":218,"value":"tornado = lsrData.filter(entry => entry.TYPECODE == 'T')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":216,"value":"hail = lsrData.filter(entry => entry.TYPECODE == 'H')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":214,"value":"lsrData = d3.csvParse(await FileAttachment(\"lsr_202004102000_202004140000 (1).csv\").text())","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":292,"value":"watchData = FileAttachment(\"watches@3.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":109,"value":"warns = FileAttachment(\"wwa_202004102000_202004140000-2.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":125,"value":"newpath = d3.geoPath().projection(projection)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"projection = d3.geoAlbersUsa().scale(1300).translate([487.5, 305])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":47,"value":"path = d3.geoPath()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"us = FileAttachment(\"counties-albers-10m.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":157,"value":"topojsonserv = require(\"topojson-server\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"topojson = require(\"topojson-client@3\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":111,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"import {button} from \"@jashkenas/inputs\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1","titling":"auto"}} 32:"$31:body"