2d:null 2e:["$","title",null,{"children":"December 15, 2021 Derecho | jpicca | Observable"}] 33:T1965,{ // b1; // yield Promises.delay(1000,'waiting'); // let curTime = new Date('13 December 2021 20:00 UTC') // let ms = curTime.getTime(); let endTime = new Date('16 December 2021 07:30 UTC') // while (true) { // if (curTime < new Date('15 December 2021 12:00 UTC')) { // 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:T17ac,{ 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', d => { return d.properties.PHENOM == 'TO' ? 'red' : '#FEFF80'; }) .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', d => d.properties.color) .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',335) .attr('y',140) svg.append('text') .attr('class','timeText') .attr('x',335) .attr('y',125) .text('') .attr('font-size',20) // Legend svg.append('text') .classed('legend',true) .attr('x',610) .attr('y',320) .text('Local Storm Reports') .attr('font-size',20) svg.append('text') .classed('legend',true) .attr('x',630) .attr('y',340) .text('Hail | Wind | Tornado') .attr('font-size',13) svg.append('circle') .classed('legend',true) .attr('cx',640) .attr('cy',350) .attr('r', 3) .attr('fill','green') .attr('stroke-width', 1) .attr('stroke', 'black') svg.append('rect') .classed('legend',true) .attr('x',637.5) .attr('y',360) .attr('width',5) .attr('height', 5) .attr('fill','green') .attr('stroke-width', 1) .attr('stroke', 'black') svg.append('text') .classed('legend',true) .attr('x',644) .attr('y',365.5) .text('2+"') .attr('font-size','8px') .attr('stroke-width', 0.3) .attr('stroke', 'black') svg.append('circle') .classed('legend',true) .attr('cx',668) .attr('cy',350) .attr('r', 3) .attr('fill','blue') .attr('stroke-width', 1) .attr('stroke', 'black') svg.append('rect') .classed('legend',true) .attr('x',665.5) .attr('y',360) .attr('width',5) .attr('height', 5) .attr('fill','blue') .attr('stroke-width', 1) .attr('stroke', 'black') svg.append('text') .classed('legend',true) .attr('x',672) .attr('y',365.5) .text('75+ mph') .attr('font-size','8px') .attr('stroke-width', 0.3) .attr('stroke', 'black') svg.append('circle') .classed('legend',true) .attr('cx',700) .attr('cy',350) .attr('r', 3) .attr('fill','red') .attr('stroke-width', 1) .attr('stroke', 'black') return 'svg elements' }35:Tb24,{ allotlk.features.sort((a,b) => { return a.properties.ISSUE - b.properties.ISSUE }) allotlk.features.slice(0,2).forEach(entry => { entry.properties.END = "202112140552" }) allotlk.features.slice(0,2).forEach(entry => { entry.properties.text = "Marginal Risk (1 of 5)" }) allotlk.features.slice(2,5).forEach(entry => { entry.properties.END = "202112141738" }) allotlk.features.slice(2,5).forEach(entry => { entry.properties.text = "Slight Risk (2 of 5)" }) allotlk.features.slice(5,8).forEach(entry => { entry.properties.END = "202112150559" }) allotlk.features.slice(5,8).forEach(entry => { entry.properties.text = "Slight Risk (2 of 5)" }) allotlk.features.slice(8,13).forEach(entry => { entry.properties.END = "202112151236" }) allotlk.features.slice(8,13).forEach(entry => { entry.properties.text = "Moderate Risk (4 of 5)" }) allotlk.features.slice(13,18).forEach(entry => { entry.properties.END = "202112151625" }) allotlk.features.slice(13,18).forEach(entry => { entry.properties.text = "Moderate Risk (4 of 5)" }) allotlk.features.slice(18,23).forEach(entry => { entry.properties.END = "202112152257" }) allotlk.features.slice(18,23).forEach(entry => { entry.properties.text = "Moderate Risk (4 of 5)" }) allotlk.features.slice(23,28).forEach(entry => { entry.properties.END = "202112160054" }) allotlk.features.slice(23,28).forEach(entry => { entry.properties.text = "Moderate Risk (4 of 5)" }) allotlk.features.slice(28,33).forEach(entry => { entry.properties.END = "202112161200" }) allotlk.features.slice(28,33).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":1639685072286.605,"size":795407},{"id":"9105b4a8d4a939b686ff71573643c5dcb5e5ab3458ae9b5b5b3fde6c718bea215ee5a9f068fa1ff8806aa0c38710cdb1f042f5b98037d43fb976f67a463ff25d","href":"https://static.observableusercontent.com/files/9105b4a8d4a939b686ff71573643c5dcb5e5ab3458ae9b5b5b3fde6c718bea215ee5a9f068fa1ff8806aa0c38710cdb1f042f5b98037d43fb976f67a463ff25d","name":"lsr_all@5.geojson","type":"application/geo+json","lastModified":1639752147907.042,"size":261943},{"id":"210b60bc2ccdd29b9715463f42ea5409f7edd4f05fbb7a5ebff70025d4f6554ff276ca02370b8f736763f67334bb03690c53492184d395d1307b22cff8278578","href":"https://static.observableusercontent.com/files/210b60bc2ccdd29b9715463f42ea5409f7edd4f05fbb7a5ebff70025d4f6554ff276ca02370b8f736763f67334bb03690c53492184d395d1307b22cff8278578","name":"all_otlk_plus@1.json","type":"application/json","lastModified":1639685982849.058,"size":43056},{"id":"2f0295b0385673d7fbc34d3a19958895c88a85b1e7c83c01b649195abf639a9c55e4bb445c31f739a836e527ed8260b5273217ac37342f59905bf455897c169a","href":"https://static.observableusercontent.com/files/2f0295b0385673d7fbc34d3a19958895c88a85b1e7c83c01b649195abf639a9c55e4bb445c31f739a836e527ed8260b5273217ac37342f59905bf455897c169a","name":"watches_all@1.geojson","type":"application/geo+json","lastModified":1639687967365.073,"size":1271262},{"id":"fafab59da587be91a7655e3b55014d19c4801079c749f59c58fa77a80264b647abc830a6af97b8ffa760dd1b17be0927307faf97a2c97427bdd22e36f021dcc3","href":"https://static.observableusercontent.com/files/fafab59da587be91a7655e3b55014d19c4801079c749f59c58fa77a80264b647abc830a6af97b8ffa760dd1b17be0927307faf97a2c97427bdd22e36f021dcc3","name":"warn_all@1.geojson","type":"application/geo+json","lastModified":1639689493838.438,"size":146005},{"id":"4f3efea09919a61686bc1ddbe314c45ba6f6fa65c462e10eb982729afdd56bb7f03e66bbf816363a6a3b028edbae86d06fe5f8beb3c543fc1e7e100a904563f3","href":"https://static.observableusercontent.com/files/4f3efea09919a61686bc1ddbe314c45ba6f6fa65c462e10eb982729afdd56bb7f03e66bbf816363a6a3b028edbae86d06fe5f8beb3c543fc1e7e100a904563f3","name":"mcd_all@1.geojson","type":"application/geo+json","lastModified":1639689259219.924,"size":7583}] 31:{"id":"2a816cf63dfe3b39","slug":"december-15-2021-derecho","title":"December 15, 2021 Derecho","thumbnail":"9be138703b501fc6de388af698dbdd632e43b9f11c9008f0edc15383f4bf606b","access_level":"public","create_time":"$D2021-12-16T20:04:32.286Z","update_time":"$D2021-12-17T15:56:58.326Z","view_time":null,"first_public_time":"$D2021-12-17T15:11:27.095Z","has_unpublished_edits":null,"fork":{"id":"a00e04c1f7e0dbc6","slug":"dec-10-11-2021-tornado-outbreak","title":"December 10-11, 2021 Tornado Outbreak","owner":{"id":"2cbab9f9f1a94cdb","login":"jpicca","name":""}},"stars":1,"starred":false,"owner":{"type":"team","id":"2cbab9f9f1a94cdb","login":"jpicca","name":"","avatar_url":"https://avatars-next.observableusercontent.com/5c71dc5df44d86d6938b5986bed986e6b59004853f57c244a636dc58daee6be2","tier":"starter_2024"},"version":1204,"publish_version":1204,"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":0,"collection":null,"type":"notebook","body":{"title":"December 15, 2021 Derecho","cells":[{"id":0,"value":"md`# December 15, 2021 Derecho`","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 December 15 derecho across the Plains and Midwest.\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: 1920,\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: 3570}, (_, 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('13 December 2021 20:00 UTC'), new Date('16 December 2021 07:30 UTC')])\n\t.range([0, 3570])","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@1.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":779,"value":"watch = FileAttachment(\"watches_all@1.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":800,"value":"mcd = FileAttachment(\"mcd_all@1.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":821,"value":"warning = FileAttachment(\"warn_all@1.geojson\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1191,"value":"siglsr = lsr.features.filter(entry => (((entry.properties.TYPECODE == 'H') && (entry.properties.MAG > 1.99)) || (entry.properties.MAG > 74)))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":836,"value":"lsr = FileAttachment(\"lsr_all@5.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"