2d:null 2e:["$","title",null,{"children":"December 10-11, 2021 Tornado Outbreak | jpicca | Observable"}] 33:T1948,{ // let curTime = new Date('08 December 2021 20:00 UTC') // let ms = curTime.getTime(); let endTime = new Date('11 December 2021 23:59 UTC') // yield Promises.tick(5000,curTime); // while (true) { // if (curTime < new Date('2021-12-10UTC18:30')) { // ms += 1200000 // } else if (curTime > new Date('2021-12-11UTC12:00')) { // ms += 300000 // } else { // ms += 60000 // } // curTime = new Date(ms) let curTime = timeScale.invert(keyframe) let utchour = curTime.getUTCHours().toLocaleString('en-US', { minimumIntegerDigits: 2, useGrouping: false }) let utcmin = curTime.getUTCMinutes().toLocaleString('en-US', { minimumIntegerDigits: 2, useGrouping: false }) let formatTime = `December ${curTime.getUTCDate()} ${utchour}:${utcmin}` d3.select('.timeText') .text(`${formatTime} UTC`) d3.selectAll('.outlook') .transition() .duration(200) .attr('opacity', d => { let valid = d.properties.ISSUE let expire = d.properties.END // Old format: Date('2021-12-10UTC12:00') -- // e.g., new Date(`${valid.substr(0,4)}-${valid.substr(4,2)}-${valid.substr(6,2)}UTC${valid.substr(8,2)}:${valid.substr(10,4)}`) // New Format: Date('11 December 2021 23:59 UTC') let issueTime = new Date(`${valid.substr(6,2)} December 2021 ${valid.substr(8,2)}:${valid.substr(10,4)} UTC`) let exTime = new Date(`${expire.substr(6,2)} December 2021 ${expire.substr(8,2)}:${expire.substr(10,4)} UTC`) if ((curTime > issueTime) && (curTime < exTime) ) { return 0.2; } else { return 0; } }) d3.selectAll('.otlk_txt') .transition() .duration(50) .attr('opacity', d => { let valid = d.properties.ISSUE let expire = d.properties.END let issueTime = new Date(`${valid.substr(6,2)} December 2021 ${valid.substr(8,2)}:${valid.substr(10,4)} UTC`) let exTime = new Date(`${expire.substr(6,2)} December 2021 ${expire.substr(8,2)}:${expire.substr(10,4)} UTC`) if ((curTime > issueTime) && (curTime < exTime) ) { return 1; } else { return 0; } }) d3.selectAll('.watch') .attr('opacity', d => { let valid = d.properties.start let expire = d.properties.end let issueTime = new Date(`${valid.substr(6,2)} December 2021 ${valid.substr(8,2)}:${valid.substr(10,4)} UTC`) let exTime = new Date(`${expire.substr(6,2)} December 2021 ${expire.substr(8,2)}:${expire.substr(10,4)} UTC`) if ((curTime >= issueTime) && (curTime < exTime) ) { return 0.5; } else { return 0; } }) d3.selectAll('.mcd') .attr('opacity', d => { let valid = d.properties.ISSUE let expire = d.properties.EXPIRE let issueTime = new Date(`${valid.substr(6,2)} December 2021 ${valid.substr(8,2)}:${valid.substr(10,4)} UTC`) let exTime = new Date(`${expire.substr(6,2)} December 2021 ${expire.substr(8,2)}:${expire.substr(10,4)} UTC`) if ((curTime >= issueTime) && (curTime < exTime) ) { return 0.5; } else { return 0; } }) d3.selectAll('.mcd_c') .attr('opacity', d => { let valid = d.properties.ISSUE let expire = d.properties.EXPIRE let issueTime = new Date(`${valid.substr(6,2)} December 2021 ${valid.substr(8,2)}:${valid.substr(10,4)} UTC`) let exTime = new Date(`${expire.substr(6,2)} December 2021 ${expire.substr(8,2)}:${expire.substr(10,4)} UTC`) if ((curTime >= issueTime) && (curTime < exTime) ) { return 1; } else { return 0; } }) d3.selectAll('.warn') .attr('opacity', d => { let valid = d.properties.ISSUED let expire = d.properties.EXPIRED let issueTime = new Date(`${valid.substr(6,2)} December 2021 ${valid.substr(8,2)}:${valid.substr(10,4)} UTC`) let exTime = new Date(`${expire.substr(6,2)} December 2021 ${expire.substr(8,2)}:${expire.substr(10,4)} UTC`) if ((curTime >= issueTime) && (curTime < exTime) ) { return 0.8; } else { return 0; } }) d3.selectAll('.lsr') .attr('stroke-width', d => { let test = d.properties.VALID; let reportTime = new Date(`${test.substr(6,2)} December 2021 ${test.substr(8,2)}:${test.substr(10,4)} UTC`) 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.properties.VALID; let reportTime = new Date(`${test.substr(6,2)} December 2021 ${test.substr(8,2)}:${test.substr(10,4)} UTC`) if (curTime > reportTime) { return 2; } else { return 0; } }); d3.selectAll('.siglsr') .attr('stroke-width', d => { let test = d.properties.VALID; let reportTime = new Date(`${test.substr(6,2)} December 2021 ${test.substr(8,2)}:${test.substr(10,4)} UTC`) if (curTime > reportTime) { return 1; } else { return 0; } }) // .transition() // .duration(750) // .ease(d3.easeElasticOut.amplitude(1.5).period(0.2)) .attr('width', d => { let test = d.properties.VALID; let reportTime = new Date(`${test.substr(6,2)} December 2021 ${test.substr(8,2)}:${test.substr(10,4)} UTC`) if (curTime > reportTime) { return 4; } else { return 0; } }) .attr('height', d => { let test = d.properties.VALID; let reportTime = new Date(`${test.substr(6,2)} December 2021 ${test.substr(8,2)}:${test.substr(10,4)} UTC`) if (curTime > reportTime) { return 4; } else { return 0; } }); yield curTime; // yield Promises.tick(50,curTime); // if (curTime > endTime) { // break // } // } }34:T1751,{ yield Promises.delay(1000,'Initialize svg elements'); let svg = d3.select('#map') svg.selectAll('.outlook').remove() svg.selectAll('.otlk_txt').remove() svg.selectAll('.watch').remove() svg.selectAll('.mcd').remove() svg.selectAll('.mcd_c').remove() svg.selectAll('.lsr').remove() svg.selectAll('.warn').remove() svg.selectAll('.timeText').remove() svg.selectAll('.legend').remove() svg.selectAll('.outlook') .data(allotlk.features) .join('path') .attr('d',projPath) .attr('stroke-width',1) .attr('stroke', d => d.properties.stroke) .attr('fill', d => d.properties.fill) .attr('fill-opacity', 0.5) .attr('class','outlook') .attr('opacity',0) svg.selectAll('.watch') .data(watch.features) .join('path') .attr('d',projPath) .attr('stroke-width',1) .attr('stroke', '#FEFF65') .attr('stroke-opacity', 0.8) .attr('fill', 'red') .attr('fill-opacity', 0.5) .attr('class','watch') .attr('opacity',0) svg.selectAll('.mcd') .data(mcd.features) .join('path') .attr('d',projPath) .attr('stroke-width',1) .attr('stroke', 'black') .attr('fill', 'red') .attr('fill-opacity', 0.2) .attr('class','mcd') .attr('opacity',0) svg.selectAll(".mcd_c") .data(mcd.features) .join("text") .attr('font-size', '5px') .attr('text-anchor', 'middle') .text(d => { if (d.properties.CONFIDEN) { return `Watch Prob ${d.properties.CONFIDEN}%` } else { return `Concerning ${d.properties.CONCERN}` } }) .attr("transform", d => { let coords = projPath.centroid(d.geometry); return `translate(${coords[0]}, ${coords[1]})` }) .attr("r", "4px") .attr("fill", "black") .attr('class','mcd_c') .attr('opacity',0) svg.selectAll('.warn') .data(warning.features) .join('path') .attr('d',projPath) .attr('stroke-width', d => d.properties.EMERGENC == 1 ? 2 : 1 ) .attr('stroke', 'black') .attr('fill', d => d.properties.PHENOM == 'TO' ? 'red' : 'yellow') // .attr('fill', d => { // if (d.properties.EMERGENC == 1) { // return 'pink' // } else { // return d.properties.PHENOM == 'TO' ? 'red' : 'yellow' // } // }) .attr('fill-opacity', d => { if (d.properties.EMERGENC == 1) { return 1 } else { return 0.7 } }) .attr('class','warn') .attr('opacity',0) svg.selectAll('.lsr') .data(lsr.features) .join('circle') .attr("fill", d => { switch(d.properties.TYPECODE) { case 'D': return 'blue'; case 'G': return 'blue'; case 'T': return 'red'; case 'H': return 'green'; } }) .attr('stroke','black') .attr('stroke-width',0) .attr('cx',d => proj([d.properties.LON,d.properties.LAT])[0] ) .attr('cy',d => proj([d.properties.LON,d.properties.LAT])[1] ) .attr('class','lsr') .attr('r',0) .attr('opacity',1) svg.selectAll('.siglsr') .data(siglsr) .join('rect') .attr("fill", d => { switch(d.properties.TYPECODE) { case 'D': return 'blue'; case 'G': return 'blue'; case 'T': return 'red'; case 'H': return 'green'; } }) .attr('stroke','black') .attr('stroke-width',0) .attr('x',d => proj([d.properties.LON,d.properties.LAT])[0] ) .attr('y',d => proj([d.properties.LON,d.properties.LAT])[1] ) .attr('class','siglsr') .attr('width',0) .attr('height',0) .attr('opacity',1) svg.selectAll('.otlk_txt') .data(allotlk.features) .join('text') .text(d => d.properties.text) .attr('font-size',15) .attr('class','otlk_txt') .attr('opacity',0) .attr('x',360) .attr('y',255) svg.append('text') .attr('class','timeText') .attr('x',360) .attr('y',240) .text('') .attr('font-size',20) // Legend svg.append('text') .classed('legend',true) .attr('x',360) .attr('y',430) .text('Local Storm Reports') .attr('font-size',20) svg.append('text') .classed('legend',true) .attr('x',380) .attr('y',450) .text('Hail | Wind | Tornado') .attr('font-size',13) svg.append('circle') .classed('legend',true) .attr('cx',390) .attr('cy',460) .attr('r', 3) .attr('fill','green') .attr('stroke-width', 1) .attr('stroke', 'black') svg.append('rect') .classed('legend',true) .attr('x',387.5) .attr('y',470) .attr('width',5) .attr('height', 5) .attr('fill','green') .attr('stroke-width', 1) .attr('stroke', 'black') svg.append('text') .classed('legend',true) .attr('x',394) .attr('y',475.5) .text('2+"') .attr('font-size','8px') .attr('stroke-width', 0.3) .attr('stroke', 'black') svg.append('circle') .classed('legend',true) .attr('cx',418) .attr('cy',460) .attr('r', 3) .attr('fill','blue') .attr('stroke-width', 1) .attr('stroke', 'black') svg.append('rect') .classed('legend',true) .attr('x',415.5) .attr('y',470) .attr('width',5) .attr('height', 5) .attr('fill','blue') .attr('stroke-width', 1) .attr('stroke', 'black') svg.append('text') .classed('legend',true) .attr('x',422) .attr('y',475.5) .text('75+ mph') .attr('font-size','8px') .attr('stroke-width', 0.3) .attr('stroke', 'black') svg.append('circle') .classed('legend',true) .attr('cx',450) .attr('cy',460) .attr('r', 3) .attr('fill','red') .attr('stroke-width', 1) .attr('stroke', 'black') return 'svg elements' }35:Tb06,{ allotlk.features.sort((a,b) => { return a.properties.ISSUE - b.properties.ISSUE }) allotlk.features.slice(0,3).forEach(entry => { entry.properties.END = "202112090658" }) allotlk.features.slice(0,3).forEach(entry => { entry.properties.text = "Slight Risk (2 of 5)" }) allotlk.features.slice(3,7).forEach(entry => { entry.properties.END = "202112091731" }) allotlk.features.slice(3,7).forEach(entry => { entry.properties.text = "Enhanced Risk (3 of 5)" }) allotlk.features.slice(7,11).forEach(entry => { entry.properties.END = "202112100535" }) allotlk.features.slice(7,11).forEach(entry => { entry.properties.text = "Enhanced Risk (3 of 5)" }) allotlk.features.slice(11,15).forEach(entry => { entry.properties.END = "202112101303" }) allotlk.features.slice(11,15).forEach(entry => { entry.properties.text = "Enhanced Risk (3 of 5)" }) allotlk.features.slice(15,19).forEach(entry => { entry.properties.END = "202112101618" }) allotlk.features.slice(15,19).forEach(entry => { entry.properties.text = "Enhanced Risk (3 of 5)" }) allotlk.features.slice(19,24).forEach(entry => { entry.properties.END = "202112102308" }) allotlk.features.slice(19,24).forEach(entry => { entry.properties.text = "Moderate Risk (4 of 5)" }) allotlk.features.slice(24,29).forEach(entry => { entry.properties.END = "202112110047" }) allotlk.features.slice(24,29).forEach(entry => { entry.properties.text = "Moderate Risk (4 of 5)" }) allotlk.features.slice(29,34).forEach(entry => { entry.properties.END = "202112111200" }) allotlk.features.slice(29,34).forEach(entry => { entry.properties.text = "Moderate Risk (4 of 5)" }) allotlk.features.slice(34,37).forEach(entry => { entry.properties.ISSUE = "202112111200" }) allotlk.features.slice(34,37).forEach(entry => { entry.properties.END = "202112111300" }) allotlk.features.slice(34,37).forEach(entry => { entry.properties.text = "Slight Risk (2 of 5)" }) allotlk.features.slice(37,40).forEach(entry => { entry.properties.ISSUE = "202112111300" }) allotlk.features.slice(37,40).forEach(entry => { entry.properties.END = "202112111630" }) allotlk.features.slice(37,40).forEach(entry => { entry.properties.text = "Slight Risk (2 of 5)" }) allotlk.features.slice(40,43).forEach(entry => { entry.properties.ISSUE = "202112111630" }) allotlk.features.slice(40,43).forEach(entry => { entry.properties.END = "202112112000" }) allotlk.features.slice(40,43).forEach(entry => { entry.properties.text = "Slight Risk (2 of 5)" }) allotlk.features.slice(43,46).forEach(entry => { entry.properties.ISSUE = "202112112000" }) allotlk.features.slice(43,46).forEach(entry => { entry.properties.END = "202112121200" }) allotlk.features.slice(43,46).forEach(entry => { entry.properties.text = "Slight Risk (2 of 5)" }) return 'manual outlook edits' }36:[{"id":"50848f0dd4d2d9c84821adba90ca625cb2815694117bbb7b6ae393e788aae9d85f19a6c73d60d642bb04e2f95b87993e8c7312d4d4da6a1431c58460f5ad6c63","href":"https://static.observableusercontent.com/files/50848f0dd4d2d9c84821adba90ca625cb2815694117bbb7b6ae393e788aae9d85f19a6c73d60d642bb04e2f95b87993e8c7312d4d4da6a1431c58460f5ad6c63","name":"counties-albers-10m.json","type":"application/json","lastModified":1639413013086.579,"size":795407},{"id":"01b0fd2fc1eb38c6afe3a02ba14a50d096e194a1d08627067831c9e8130ebd582dae946bf30bb68a045af2346dbe7298f95e32b85a176e62b01a5d6a530c5451","href":"https://static.observableusercontent.com/files/01b0fd2fc1eb38c6afe3a02ba14a50d096e194a1d08627067831c9e8130ebd582dae946bf30bb68a045af2346dbe7298f95e32b85a176e62b01a5d6a530c5451","name":"watches_all.geojson","type":"application/geo+json","lastModified":1639501071454.002,"size":5032217},{"id":"e1a508ffb54396fc3255984a17bb9da0c2a899d50c7423591cc4f2274ee93923e15b850b3d4c1aa40a2b5f9f1d91887e4663c3c1c0b9246d5416b25b940e830a","href":"https://static.observableusercontent.com/files/e1a508ffb54396fc3255984a17bb9da0c2a899d50c7423591cc4f2274ee93923e15b850b3d4c1aa40a2b5f9f1d91887e4663c3c1c0b9246d5416b25b940e830a","name":"mcd_all.geojson","type":"application/geo+json","lastModified":1639502101206.583,"size":21214},{"id":"dce70912d330733b92c53fbd6e235d8add4ad8b3e456af879667dca321b3b7004fb076e85c8136bfb3d6e92c8363b210e645c242e7fe85ad852a500ab9b64035","href":"https://static.observableusercontent.com/files/dce70912d330733b92c53fbd6e235d8add4ad8b3e456af879667dca321b3b7004fb076e85c8136bfb3d6e92c8363b210e645c242e7fe85ad852a500ab9b64035","name":"warn_all.geojson","type":"application/geo+json","lastModified":1639504430932.129,"size":292154},{"id":"5ffc306228dc0dae6140c2c20b2f978c815ca8604b94b2bcab506c60df49ed472b456410f1773987ab7618a95845166684c818a345b582fc9d5a16229a80ce33","href":"https://static.observableusercontent.com/files/5ffc306228dc0dae6140c2c20b2f978c815ca8604b94b2bcab506c60df49ed472b456410f1773987ab7618a95845166684c818a345b582fc9d5a16229a80ce33","name":"lsr_all.geojson","type":"application/geo+json","lastModified":1639508656323.065,"size":264481},{"id":"9de0cda3689ed000a824a994862621e1a61fd7f0e0307fae7f36524a4c2ef519eb71b0558566b472e82ffd9271acd9302ea0cfd9e60460e374fc287141ef11e0","href":"https://static.observableusercontent.com/files/9de0cda3689ed000a824a994862621e1a61fd7f0e0307fae7f36524a4c2ef519eb71b0558566b472e82ffd9271acd9302ea0cfd9e60460e374fc287141ef11e0","name":"all_otlk_plus.json","type":"application/json","lastModified":1639510701572.577,"size":70496},{"id":"e62620ff4f76d09dddf54cc73949280e4f18bee5cec054c3239dc399804bb661c21b13afc9c6dea79287ec12e417bed248620888e05a781351761de4c2bd1f26","href":"https://static.observableusercontent.com/files/e62620ff4f76d09dddf54cc73949280e4f18bee5cec054c3239dc399804bb661c21b13afc9c6dea79287ec12e417bed248620888e05a781351761de4c2bd1f26","name":"lsr_all@1.geojson","type":"application/geo+json","lastModified":1639754166276.211,"size":282477}] 31:{"id":"a00e04c1f7e0dbc6","slug":"dec-10-11-2021-tornado-outbreak","title":"December 10-11, 2021 Tornado Outbreak","thumbnail":"95fff305d6b18579c8d67284bfa14298429a5c60278a97887631e5fee49e4586","access_level":"public","create_time":"$D2021-12-13T16:30:13.086Z","update_time":"$D2021-12-17T16:24:38.974Z","view_time":null,"first_public_time":"$D2021-12-15T21:26:18.126Z","has_unpublished_edits":null,"fork":true,"stars":1,"starred":false,"owner":{"type":"team","id":"2cbab9f9f1a94cdb","login":"jpicca","name":"","avatar_url":"https://avatars-next.observableusercontent.com/5c71dc5df44d86d6938b5986bed986e6b59004853f57c244a636dc58daee6be2","tier":"starter_2024"},"version":1107,"publish_version":1107,"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":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":3,"collection":null,"type":"notebook","body":{"title":"December 10-11, 2021 Tornado Outbreak","cells":[{"id":0,"value":"md`# December 10-11, 2021 Tornado Outbreak`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1033,"value":"md`\nA loop of convective outlooks, severe thunderstorm and tornado watches/warnings, mesoscale discussions, and local storm reports issued by the Storm Prediction Center and local National Weather Service offices for the Dec 10-11 tornado outbreak.\n\n**Notes**: \n- Further reports may be documented after the time of data processing, and this map and the included report data should be considered preliminary.\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":991,"value":"viewof keyframe = Scrubber(date_numbers, {\n format: (date_number) => timeScale.invert(date_number).toLocaleString(\"en\", {timeZone: 'UTC', hour12: false}),\n initial: 2401,\n delay: 5,\n loop: false,\n autoplay: false\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":184,"value":"map = html`\n\n\n\n\n\n\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":998,"value":"date_numbers = Array.from({length: 4559}, (_, i) => i)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":972,"value":"timeScale = d3.scaleUtc()\n // .domain([new Date('2021-12-08UTC20:00'), new Date('2021-12-11UTC23:59')])\n .domain([new Date('08 December 2021 20:00 UTC'), new Date('11 December 2021 23:59 UTC')])\n\t.range([0, 4559])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":507,"value":"proj = d3.geoAlbersUsa().scale(1300).translate([487.5, 305]);","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":716,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":321,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":102,"value":"projPath = {\n // let proj = d3.geoAlbersUsa().scale(1300).translate([487.5, 305]);\n return d3.geoPath().projection(proj);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":730,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":712,"value":"allotlk = FileAttachment(\"all_otlk_plus.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":779,"value":"watch = FileAttachment(\"watches_all.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":800,"value":"mcd = FileAttachment(\"mcd_all.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":821,"value":"warning = FileAttachment(\"warn_all.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1084,"value":"siglsr = lsr.features.filter(entry => (((entry.properties.TYPECODE == 'H') && (entry.properties.MAG > 1.99)) || (entry.properties.MAG > 74)))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":836,"value":"lsr = FileAttachment(\"lsr_all@1.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"path = d3.geoPath()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"us = FileAttachment(\"counties-albers-10m.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"topojson = require(\"topojson-client@3\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"d3 = require('d3')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":964,"value":"import { slider as slide } from '@lorenries/inputs'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":994,"value":"import {Scrubber} from '@mbostock/scrubber'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":989,"value":"import {keyframes} with {keyframe as keyframe} from '@mbostock/bar-chart-race-with-scrubber'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":957,"value":"import {button} from \"@jashkenas/inputs\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W36","stdlib":"1","titling":"auto"}} 32:"$31:body"