3e:null 3f:["$","title",null,{"children":"Choropleth and Surprise Map for Canada | Frank Yu | Observable"}] 45:T81d,viewof chosen_category = { const form = html``; form.onchange = () => form.dispatchEvent(new CustomEvent("input")); // Safari form.oninput = event => { switch (form.radio.value) { case "Retail & Recreation": form.value = "retail_and_recreation_percent_change_from_baseline"; break; case "Grocery & Pharmacy": form.value = "grocery_and_pharmacy_percent_change_from_baseline"; break; case "Parks": form.value = "parks_percent_change_from_baseline"; break; case "Transit Stations": form.value = "transit_stations_percent_change_from_baseline"; break; case "Workplaces": form.value = "workplaces_percent_change_from_baseline"; break; case "Residential": form.value = "residential_percent_change_from_baseline"; break; } }; form.oninput(); return form; }46:T993,// chart = { // const svg = d3.create("svg") // // .attr("viewBox", [width/3, 0, width, height]); // for actual map // .attr("viewBox", [0, 0, width, height]); // for observable // svg.append("g") // .attr("transform", "translate(0,0)") // // .append(() => legend({choro_color, title: 'test', width: 260, tickFormat: ".2%"})); // svg.append("g") // .selectAll("path") // .data(topojson.feature(canada, canada.objects.canadaprov).features) // .join("path") // // .attr("fill", d => choro_color(choro_data.get(d.id))) // .attr("fill", d => choro_data.has(d.id) && choro_data.get(d.id) != null ? choro_color(choro_data.get(d.id)) : 'lightgrey') // .attr("d", path) // .append("title") // .text(d => `${province_map.get(d.id).name} // ${format(choro_data.get(d.id))}`); // svg.append("path") // .datum(topojson.mesh(canada, canada.objects.canadaprov, (a, b) => a !== b)) // .attr("fill", "none") // .attr("stroke", "white") // .attr("stroke-linejoin", "round") // .attr("d", path); // return svg.node(); // } chart = { const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]); // for observable svg.append("g") .selectAll("path") .attr('id', 'map') .data(topojson.feature(canada, canada.objects.canadaprov).features) .join("path") .attr("class", "province") .attr("fill", d => getData(data, d.id, date)[0] != null ? choro_color(getData(data, d.id, date)) : 'lightgrey') .attr('stroke', 'white') .attr("d", path) svg.append("path") .datum(topojson.mesh(canada, canada.objects.canadaprov, (a, b) => a !== b)) .attr("fill", "none") // .attr('stroke', 'white') .attr("stroke-linejoin", "round") .attr("d", path) const tooltip = svg.append("g"); svg .selectAll(".province") .on("touchmove mousemove", function(event, d) { tooltip.call( callout, `${province_map.get(d.id).name} Date: ${d3.utcFormat("%B %d, %Y")(date)} % Change: ${format(getData(data, d.id, date))}` ); tooltip.attr("transform", `translate(${d3.pointer(event, this)})`); d3.select(this) .attr("stroke", "black") .raise(); }) .on("touchend mouseleave", function() { tooltip.call(callout, null); d3.select(this) .attr("stroke", 'white') .lower(); }); return svg.node(); }47:Tae5,// surprise_chart = { // const svg = d3.create("svg") // // .attr("viewBox", [width/3, 0, width, height]); // for actual map // .attr("viewBox", [0, 0, width, height]); // for observable // svg.append("g") // .attr("transform", "translate(0,0)") // // .append(() => legend({choro_color, title: 'test', width: 260, tickFormat: ".2%"})); // svg.append("g") // .selectAll("path") // .data(topojson.feature(canada, canada.objects.canadaprov).features) // .join("path") // // .attr("fill", d => choro_color(choro_data.get(d.id))) // .attr("fill", d => surprise_choro_data.has(d.id) && surprise_choro_data.get(d.id) != null ? surprise_choro_color(surprise_choro_data.get(d.id)) : 'lightgrey') // .attr("d", path) // .append("title") // .text(d => `${province_map.get(d.id).name} // ${surprise_choro_data.get(d.id)}`); // svg.append("path") // .datum(topojson.mesh(canada, canada.objects.canadaprov, (a, b) => a !== b)) // .attr("fill", "none") // .attr("stroke", "white") // .attr("stroke-linejoin", "round") // .attr("d", path); // return svg.node(); // } surprise_chart = { const svg = d3.create("svg") // .attr("viewBox", [width/3, 0, width, height]); // for actual map .attr("viewBox", [0, 0, width, height]); // for observable // svg.append("g") // .attr("transform", "translate(0,0)") // // .append(() => legend({choro_color, title: 'test', width: 260, tickFormat: ".2%"})); svg.append("g") .selectAll("path") .attr('id', 'map') .data(topojson.feature(canada, canada.objects.canadaprov).features) .join("path") .attr('class', 'province') .attr("fill", d => getData(surprise_data, d.id, date)[0] != null ? surprise_choro_color(getData(surprise_data, d.id, date)) : 'lightgrey') .attr('stroke', 'white') .attr("d", path) svg.append("path") .datum(topojson.mesh(canada, canada.objects.canadaprov, (a, b) => a !== b)) .attr("fill", "none") // .attr("stroke", "white") .attr("stroke-linejoin", "round") .attr("d", path); const tooltip = svg.append("g"); svg .selectAll(".province") .on("touchmove mousemove", function(event, d) { tooltip.call( callout, `${province_map.get(d.id).name} Date: ${d3.utcFormat("%B %d, %Y")(date)} Surprise: ${surprise_format(getData(surprise_data, d.id, date))}` ); tooltip.attr("transform", `translate(${d3.pointer(event, this)})`); d3.select(this) .attr("stroke", "black") .raise(); }) .on("touchend mouseleave", function() { tooltip.call(callout, null); d3.select(this) .attr("stroke", 'white') .lower(); }); return svg.node(); }48:[{"id":"cb30560dc74c04babc6db272e01dd6cc01f0fd5d7c8c7f5c6e566233718cdef30ac2db289fc9ff3ba97f8cafe069a44624c7510ace880bd84975518b27e21162","href":"https://static.observableusercontent.com/files/cb30560dc74c04babc6db272e01dd6cc01f0fd5d7c8c7f5c6e566233718cdef30ac2db289fc9ff3ba97f8cafe069a44624c7510ace880bd84975518b27e21162","name":"province_surprise_data.csv","type":"text/csv","lastModified":1606869366347.972,"size":481449},{"id":"c6a020f254f3a094be8f88d602369f61a74c659af756839daf18fe7f2f8682794bd33d552d1d1b2e8e063b271aa79809862f52c42be71419ae3175ad75f850a6","href":"https://static.observableusercontent.com/files/c6a020f254f3a094be8f88d602369f61a74c659af756839daf18fe7f2f8682794bd33d552d1d1b2e8e063b271aa79809862f52c42be71419ae3175ad75f850a6","name":"provincial_data@1.csv","type":"text/csv","lastModified":1606806346803.334,"size":241657},{"id":"3476e6c620a369696e98c8781780889af9a6b34ac3ac8693413225939b429c30b1168f950cfb5ba8da25be41e1c3d720ff8bdb1338aae519bc2597c4ef1eb3c7","href":"https://static.observableusercontent.com/files/3476e6c620a369696e98c8781780889af9a6b34ac3ac8693413225939b429c30b1168f950cfb5ba8da25be41e1c3d720ff8bdb1338aae519bc2597c4ef1eb3c7","name":"canadaprovtopo.json","type":"application/json","lastModified":1604010399480.49,"size":522535},{"id":"ce30dc45f0970bc8d771f41f5518de089b96b121145e39ff9ad03d95d68025c5a4f4f88854869d3121d4615eaa9234d98cab4eb08e16a5c3a0c79d41ea82c4ba","href":"https://static.observableusercontent.com/files/ce30dc45f0970bc8d771f41f5518de089b96b121145e39ff9ad03d95d68025c5a4f4f88854869d3121d4615eaa9234d98cab4eb08e16a5c3a0c79d41ea82c4ba","name":"provincal_data@6.csv","type":"text/csv","lastModified":1604037938455.089,"size":267079},{"id":"61be32af4fd1989a01b80d1c2784ed73a20c89aa722679944fb647265faa4f3ffed76e9b864c3e757202e20f899cdaa3004cc7ffa7c7ab820ae93e78468a1c02","href":"https://static.observableusercontent.com/files/61be32af4fd1989a01b80d1c2784ed73a20c89aa722679944fb647265faa4f3ffed76e9b864c3e757202e20f899cdaa3004cc7ffa7c7ab820ae93e78468a1c02","name":"province_surprise_data@4.csv","type":"text/csv","lastModified":1607075450534.563,"size":501275},{"id":"bbf9355afd3320773eb6b788c70f9a7d35036ba18cee2604d524edea9e9491153ce3f53ff9089f57a9dbca48dbd0ac920f125f48bb15629b612af64ca497821c","href":"https://static.observableusercontent.com/files/bbf9355afd3320773eb6b788c70f9a7d35036ba18cee2604d524edea9e9491153ce3f53ff9089f57a9dbca48dbd0ac920f125f48bb15629b612af64ca497821c","name":"province_surprise_data@5.csv","type":"text/csv","lastModified":1607239556801.616,"size":593194},{"id":"1612bf464b3b1f3d9b17b7660e70e59fa4f2f97c2a8a2301db2090916dadd339d9e9cd6288c4a9887205292133ef43094f6a0f612f0d52820dab2f1c0ecf0af0","href":"https://static.observableusercontent.com/files/1612bf464b3b1f3d9b17b7660e70e59fa4f2f97c2a8a2301db2090916dadd339d9e9cd6288c4a9887205292133ef43094f6a0f612f0d52820dab2f1c0ecf0af0","name":"provincial_data@2.csv","type":"text/csv","lastModified":1607239556896.302,"size":285785}] 43:{"id":"1df6eeced329abd1","slug":"choropleth-and-surprise-map-for-canada","title":"Choropleth and Surprise Map for Canada","thumbnail":"2aeb72d959f545ab208b809fe7a8741da63a2852f0657fde4fbd28ed77a1af30","access_level":"public","create_time":"$D2020-10-23T05:58:10.683Z","update_time":"$D2020-12-10T19:56:05.923Z","view_time":null,"first_public_time":"$D2020-10-31T23:00:32.596Z","has_unpublished_edits":null,"fork":false,"stars":2,"starred":false,"owner":{"type":"team","id":"33b8f9774d0f3dab","login":"yu-frank","name":"Frank Yu","avatar_url":"https://avatars-next.observableusercontent.com/11dd2fc15dae8b9a2d986417617b33ef9d83a93112a7682a4e34c3be8a795f41","tier":"starter_2024","bio":"M.Sc Computer Science @ University of British Columbia\r\n\r\n"},"version":2035,"publish_version":2035,"role":null,"authored":false,"authors":[{"type":"individual","id":"57cba1457b6209cc","login":"yu-frank","name":"Frank Yu","avatar_url":"https://avatars-next.observableusercontent.com/11dd2fc15dae8b9a2d986417617b33ef9d83a93112a7682a4e34c3be8a795f41","tier":null,"bio":"M.Sc Computer Science @ University of British Columbia\r\n\r\n"}],"members":[{"type":"individual","id":"57cba1457b6209cc","login":"yu-frank","name":"Frank Yu","avatar_url":"https://avatars-next.observableusercontent.com/11dd2fc15dae8b9a2d986417617b33ef9d83a93112a7682a4e34c3be8a795f41","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":3,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Choropleth and Surprise Map for Canada","cells":[{"id":0,"value":"md`# Choropleth and Surprise Map for Canada`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"d3 = require(\"d3@6\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1820,"value":"import { callout } from \"@d3/line-chart-with-tooltip\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":634,"value":"import {legend} from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":840,"value":"import {Scrubber} from \"@mbostock/scrubber\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":97,"value":"import { slider as slide } from '@lorenries/inputs'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":334,"value":"topojson = require('topojson-client@3')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"// FileAttachment(\"provincal_data@6.csv\")\nFileAttachment(\"provincial_data@2.csv\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"// data = d3.csvParse(await FileAttachment(\"provincal_data@6.csv\").text(), d3.autoType)\ndata = d3.csvParse(await FileAttachment(\"provincial_data@2.csv\").text(), d3.autoType)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":111,"value":"start_date = d3.extent(data, d => d.date)[0]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":113,"value":"end_date = d3.extent(data, d => d.date)[1]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":100,"value":"timeScale = d3.scaleTime()\n .domain([start_date, end_date])\n\t.range([0, d3.timeDay.count(start_date, end_date)])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1376,"value":"function two(n) {\n return (n < 10 ? '0' : '') + n;\n }","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1352,"value":"function getCorrectDate(y,m,d, date) {\n if (date.getHours() < 12) {\n return (y + '-' + two(m+1) + '-' + two(d))\n } else if ([0,2,4,6,7,9,11].includes(m) && d == 31) {\n return (y + '-' + two(m+2) + '-' + two(1))\n } else if ([3,5,8,10].includes(m) && d == 30) {\n return (y + '-' + two(m+2) + '-' + two(1)) \n } else if (m == 1 && date.getFullYear() % 4 == 0 && d == 29) {\n return (y + '-' + two(m+2) + '-' + two(1)) \n } else if (m == 1 && date.getFullYear() % 4 != 0 && d == 28) {\n return (y + '-' + two(m+2) + '-' + two(1)) \n } else {\n return (y + '-' + two(m+1) + '-' + two(d+1)) \n }\n\n\n return (y + '-' + two(m+1) + '-' + two(d+1))\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1387,"value":"date = new Date(getCorrectDate(timeScale.invert(scrubber).getFullYear(), timeScale.invert(scrubber).getMonth(), timeScale.invert(scrubber).getDate(), timeScale.invert(scrubber)))\n// date = new Date(getCorrectDate(tempDate))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1542,"value":"function getData(data, province_id, date) {\n return data.filter(function(row) {\n return row.date.getTime() === date.getTime() && row.iso_3166_2_code == province_id;\n }).map(d => d[chosen_category])\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1864,"value":"getData(data, 'CA-MB', date)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":364,"value":"canada = FileAttachment(\"canadaprovtopo.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":366,"value":"province_map = new Map(canada.objects.canadaprov.geometries.map(d=> [d.id, d.properties]))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":394,"value":"format = d => d[0] != null ? `${d}%` : 'N/A'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1892,"value":"surprise_format = d => d[0] != null ? `${parseFloat(d).toFixed(8)}` : 'N/A'","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":395,"value":"path = d3.geoPath(projection)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1632,"value":"dict = new Array();\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1642,"value":"dict['retail_and_recreation_percent_change_from_baseline'] = 110\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1656,"value":"dict['grocery_and_pharmacy_percent_change_from_baseline'] = 115\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1661,"value":"dict['parks_percent_change_from_baseline'] = 580\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1663,"value":"dict['transit_stations_percent_change_from_baseline'] = 80\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1665,"value":"dict['workplaces_percent_change_from_baseline'] = 81\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1670,"value":"dict['residential_percent_change_from_baseline'] = 35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":398,"value":"choro_color = d3.scaleDiverging([-dict[chosen_category], 0, dict[chosen_category]], d3.interpolatePiYG) //figure out how to best set this!\n// choro_color = d3.scaleSequentialQuantile([...data.values()], d3.interpolateBlues)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1941,"value":"// height = 550\nheight = 300","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1930,"value":"// width = 725\nwidth = 550","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1112,"value":"surprise_choro_color = d3.scaleDiverging([-surprise_dict[chosen_category], 0, surprise_dict[chosen_category]], d3.interpolatePRGn)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1096,"value":"FileAttachment(\"province_surprise_data@5.csv\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1099,"value":"surprise_data = d3.csvParse(await FileAttachment(\"province_surprise_data@5.csv\").text(), d3.autoType)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1725,"value":"surprise_dict['grocery_and_pharmacy_percent_change_from_baseline'] = 0.15\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1736,"value":"surprise_dict['transit_stations_percent_change_from_baseline'] = 0.2\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1729,"value":"surprise_dict['parks_percent_change_from_baseline'] = 0.6","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1719,"value":"surprise_dict['retail_and_recreation_percent_change_from_baseline'] = 0.2","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1738,"value":"surprise_dict['workplaces_percent_change_from_baseline'] = 0.2\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1717,"value":"surprise_dict = new Array()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1740,"value":"surprise_dict['residential_percent_change_from_baseline'] = 0.02","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":597,"value":"projection = d3.geoConicConformal()\n .rotate([91, 0])\n .center([0, 63])\n .parallels([49, 77])\n // .scale(700)\n .scale(400)\n\n .translate([width / 2, height / 2])\n .precision(.1);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":838,"value":"viewof scrubber = Scrubber(Array.from({length: d3.timeDay.count(start_date, end_date)+1}, (_, i) => i), {\n delay: 1,\n autoplay: false,\n loop: false,\n title: \"Date Selector\",\n format:value => \"\",\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":659,"value":"text = md`Visualizing Mobility and Surprise on ${d3.utcFormat(\"%B %d, %Y\")(date)}`\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":148,"value":"$45","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":436,"value":"$46","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":767,"value":"legend_works = legend({\n color: d3.scaleDiverging([-dict[chosen_category]/100, 0, dict[chosen_category]/100], d3.interpolatePiYG),\n title: \"Daily change\",\n tickFormat: \"+%\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1126,"value":"$47","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1129,"value":"surprise_legend = legend({\n color: d3.scaleDiverging([-surprise_dict[chosen_category], 0, surprise_dict[chosen_category]], d3.interpolatePRGn),\n title: \"Signed Surprise\",\n tickFormat: \"\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2018,"value":"md`The .json file used to generate the map of Canada with provincial and territorial divisions is taken from: https://gist.github.com/Brideau/2391df60938462571ca9`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":2025,"value":"md`### Inspiration/Sources:\n* https://observablehq.com/@mbostock/scrubber\n* https://observablehq.com/@d3/color-legend\n* https://www.d3-graph-gallery.com/graph/choropleth_basic.html\n* https://observablehq.com/@d3/line-chart-with-tooltip\n* https://observablehq.com/@d3/choropleth\n* http://bl.ocks.org/lwhitaker3/e8090246a20d9515789b\n* https://bl.ocks.org/duynguyen158/b96fa12ed5590b8435af799728e00a96\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W48","stdlib":"1"}} 44:"$43:body"