40:null 41:["$","title",null,{"children":"HOW IMPORTANT IS YOUR SLEEPZZZZ? | PK's Workspace | Observable"}] 47:T51c,

48:Ta9d,dvSLEEPmap = (elem,data,xField,yField,valueField,options) => { // options if (typeof(options) === "undefined") {options = {}} if (typeof(options.boxSize) === "undefined") {options.boxSize = 5} if (typeof(options.boxSizeX) === "undefined") {options.boxSizeX = options.boxSize} if (typeof(options.boxSizeY) === "undefined") {options.boxSizeY = options.boxSize} if (typeof(options.startPos) === "undefined") {options.startPos = {x:0,y:0}} if (typeof(options.padding) === "undefined") {options.padding = 1} if (typeof(options.paddingX) === "undefined") {options.paddingX = options.padding} if (typeof(options.paddingY) === "undefined") {options.paddingY = options.padding} if (typeof(options.colorScale) === "undefined") {options.colorScale = d3.scaleLinear().domain(d3.extent(data,d=>toNum(d[valueField]))).range(["white","black"])} if (typeof(options.rotateColumnTextDeg) === "undefined") {options.rotateColumnTextDeg = -90} // build a list of the x and y entries, each entry shows up only once. let listOfYField = []; data.forEach(d => {if (!listOfYField.includes(d[yField])) {listOfYField.push(d[yField]);}}); let listOfXField = []; data.forEach(d => {if (!listOfXField.includes(d[xField])) {listOfXField.push(d[xField]);}}); let hm = elem.selectAll(".heatBox") .data(data) .join("rect") .classed("heatBox",true) .attr("title", d => d["Country Name"] + ": " + d.year) .attr("width", options.boxSizeX) .attr("height", options.boxSizeY) .attr("x", d => options.startPos.x + listOfXField.indexOf(d[xField]) * (options.boxSizeX + options.paddingX)) .attr("y", d => options.startPos.y + listOfYField.indexOf(d[yField]) * (options.boxSizeY + options.paddingY)) .attr("fill", d => options.colorScale(toNum(d[valueField]))) let hm_labelY = elem.selectAll(".heatBoxLabelY") .data(listOfYField) .join("text") .style("text-anchor","end") .style("font-size", options.boxSizeY) .classed("heatBoxLabelY", true) .text(d => d) .attr("x", options.startPos.x - 5) .attr("y", (d,i) => options.startPos.y + i * (options.boxSizeY + options.paddingY) + options.boxSizeY) let hm_labelX = elem.selectAll(".heatBoxLabelX") .data(listOfXField) .join("text") .style("font-size", options.boxSizeX) .classed("heatBoxLabelX", true) .text(d => d) .attr("x", (d,i) => options.startPos.x + i * (options.boxSizeX + options.paddingX) + options.boxSizeX) .attr("y", options.startPos.y - 5) .attr("transform", (d,i,nodes) => {return "rotate(" + options.rotateColumnTextDeg + " " + nodes[i].getAttribute("x") + "," + nodes[i].getAttribute("y") + ")"}); return hm; }49:[{"id":"44a95d5834a603daa9e2ecdb63036e509ba1358a6e4e45d71221035d43ef8d988b220cb2d2365869ea208c12db1a64f76309734eb255286a11cfa157e2a2454d","href":"https://static.observableusercontent.com/files/44a95d5834a603daa9e2ecdb63036e509ba1358a6e4e45d71221035d43ef8d988b220cb2d2365869ea208c12db1a64f76309734eb255286a11cfa157e2a2454d","name":"SLEEP DATA.csv","type":"text/csv","lastModified":1683565498526.984,"size":1688},{"id":"9c70c6d0574fffc1f708ba5db0fc959590ee8fdb73397f91dfca700b3af8b3d08b9a589ac26df74b06372e8a1a50af48f14f5ab68d0935de9c8e70bb90163079","href":"https://static.observableusercontent.com/files/9c70c6d0574fffc1f708ba5db0fc959590ee8fdb73397f91dfca700b3af8b3d08b9a589ac26df74b06372e8a1a50af48f14f5ab68d0935de9c8e70bb90163079","name":"SLEEP DATA@2.csv","type":"text/csv","lastModified":1683567225638.58,"size":1599},{"id":"976efd893fe0f64cb39f192eead582d3382a65f5a5851fa462cdd49f3a6b66c104ae61497bf6dec899eaf98ce2a07eabcd0806baeef8e950cdefa4214dce6184","href":"https://static.observableusercontent.com/files/976efd893fe0f64cb39f192eead582d3382a65f5a5851fa462cdd49f3a6b66c104ae61497bf6dec899eaf98ce2a07eabcd0806baeef8e950cdefa4214dce6184","name":"Ugly Sketch and prototype - Pranjal-Kale.pdf","type":"application/pdf","lastModified":1683573955167.311,"size":497504},{"id":"d4750582e24c165b4593ced159d805daeb6cd26ad307b91f3f0b469eb2bdbbe38ae517212bd6dc569c5709b896ca8fe56028359c27bbd8f0834a9862100d96fd","href":"https://static.observableusercontent.com/files/d4750582e24c165b4593ced159d805daeb6cd26ad307b91f3f0b469eb2bdbbe38ae517212bd6dc569c5709b896ca8fe56028359c27bbd8f0834a9862100d96fd","name":"Kale_Pranjal_Final Project_Visualizing Complexity.pdf","type":"application/pdf","lastModified":1683645815545.969,"size":4582074},{"id":"06d9868e1a454bc807642fa15b2232598dae4aa3e59cd19d0cc1209eac83cf5ab70786ea9cfba24f7d48a90bf5d545cfd86d2f49df86991709d0a4b5930b0d32","href":"https://static.observableusercontent.com/files/06d9868e1a454bc807642fa15b2232598dae4aa3e59cd19d0cc1209eac83cf5ab70786ea9cfba24f7d48a90bf5d545cfd86d2f49df86991709d0a4b5930b0d32","name":"KALE PRANJAL STATIC VERSON OF SLEEP MAP.jpg","type":"image/jpeg","lastModified":1683684139757.557,"size":1472875},{"id":"3192492fecf6d55037bfce6ac78ae24e4f2c2975bb5a2aac55fa15c004fb20a18b3985e5b9a42885b9c1ce85bd950e36acf41f0303693b313c19a0947d886414","href":"https://static.observableusercontent.com/files/3192492fecf6d55037bfce6ac78ae24e4f2c2975bb5a2aac55fa15c004fb20a18b3985e5b9a42885b9c1ce85bd950e36acf41f0303693b313c19a0947d886414","name":"Kale_Pranjal_Final Project_Visualizing Complexity@1.pdf","type":"application/pdf","lastModified":1683684205031.134,"size":5264480},{"id":"edd5194926541988256ee3fd1e25e0248b2ebc4085f53d2456bca20cbd1bf2dbc826f055c2a0fc17e1644a5cc3f6dbff26fc5d626d381621c5d4f56746532daf","href":"https://static.observableusercontent.com/files/edd5194926541988256ee3fd1e25e0248b2ebc4085f53d2456bca20cbd1bf2dbc826f055c2a0fc17e1644a5cc3f6dbff26fc5d626d381621c5d4f56746532daf","name":"Kale_Pranjal_Final Project_Visualizing Complexity_Page_01.jpg","type":"image/jpeg","lastModified":1683684493131.829,"size":383041},{"id":"4ac74efb460766fb317a88b1cf8a8bfacb072b555225af01be7d3a33277ce29b59d981952decc3b7d93da1c9ff8a91d6ee283c85b6d4aae73c329205dc0c4a6a","href":"https://static.observableusercontent.com/files/4ac74efb460766fb317a88b1cf8a8bfacb072b555225af01be7d3a33277ce29b59d981952decc3b7d93da1c9ff8a91d6ee283c85b6d4aae73c329205dc0c4a6a","name":"Ugly Sketch and prototype - Pranjal-Kale_Page_1.jpg","type":"image/jpeg","lastModified":1683684570198.097,"size":192026},{"id":"3192492fecf6d55037bfce6ac78ae24e4f2c2975bb5a2aac55fa15c004fb20a18b3985e5b9a42885b9c1ce85bd950e36acf41f0303693b313c19a0947d886414","href":"https://static.observableusercontent.com/files/3192492fecf6d55037bfce6ac78ae24e4f2c2975bb5a2aac55fa15c004fb20a18b3985e5b9a42885b9c1ce85bd950e36acf41f0303693b313c19a0947d886414","name":"Kale_Pranjal_Final Project_Visualizing Complexity@2.pdf","type":"application/pdf","lastModified":1683684606346.1,"size":5264480},{"id":"3192492fecf6d55037bfce6ac78ae24e4f2c2975bb5a2aac55fa15c004fb20a18b3985e5b9a42885b9c1ce85bd950e36acf41f0303693b313c19a0947d886414","href":"https://static.observableusercontent.com/files/3192492fecf6d55037bfce6ac78ae24e4f2c2975bb5a2aac55fa15c004fb20a18b3985e5b9a42885b9c1ce85bd950e36acf41f0303693b313c19a0947d886414","name":"Kale_Pranjal_Final Project_Visualizing Complexity@3.pdf","type":"application/pdf","lastModified":1683685146942.572,"size":5264480}] 45:{"id":"5ed2715d667c3d50","slug":null,"title":"HOW IMPORTANT IS YOUR SLEEPZZZZ?","thumbnail":"49e3b8e7b5c25c76853ac31b4ed41e895e2facb91573182f4e68e995d0ccb899","access_level":"public","create_time":"$D2023-05-08T16:56:51.052Z","update_time":"$D2023-05-10T02:19:02.462Z","view_time":null,"first_public_time":"$D2023-05-08T16:56:51.052Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"88118c6e9fb032ac","login":"workspace-pranjalkale","name":"PK's Workspace","avatar_url":"https://avatars-next.observableusercontent.com/9de851145fda6cdf752495ff565e1ac31b71f29700b1e9c5103f0475b901ea96","tier":"starter_2024","bio":"","following":false},"version":160,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"c8350cf6e3d1d235","login":"backup-pranjalkale","name":"Pranjal Kale","avatar_url":"https://avatars-next.observableusercontent.com/37bbe51598c1e253607151a4176a35861c65861c0776149b1bc26c4e1380228d","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"c8350cf6e3d1d235","login":"backup-pranjalkale","name":"Pranjal Kale","avatar_url":"https://avatars-next.observableusercontent.com/37bbe51598c1e253607151a4176a35861c65861c0776149b1bc26c4e1380228d","tier":null,"role":"editor"},{"type":"team","id":"88118c6e9fb032ac","login":"workspace-pranjalkale","name":"PK's Workspace","avatar_url":"https://avatars-next.observableusercontent.com/9de851145fda6cdf752495ff565e1ac31b71f29700b1e9c5103f0475b901ea96","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"HOW IMPORTANT IS YOUR SLEEPZZZZ?","cells":[{"id":0,"value":"# HOW IMPORTANT IS YOUR SLEEPZZZZ?","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":3,"value":"sleepData = await FileAttachment(\"SLEEP DATA@2.csv\").csv({typed: \"auto\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"sleepData","database":"$undefined"},{"id":15,"value":"SLEEP = FileAttachment(\"SLEEP DATA@2.csv\").csv()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"Inputs.table(SLEEP)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"tallSLEEPdata = {\n const tallSLEEPdata = []; \n SLEEP.forEach(d => {\n for (let i=1; i<=7; i++) {\n tallSLEEPdata.push({\"Days\": d[\"Days\"], STATS: i, value: d[i]});\n }\n })\n return tallSLEEPdata;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"Inputs.table(tallSLEEPdata)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":27,"value":"SLEEPmap1 = Plot.plot({\n width: 400,\n //x: {axis: null},\n marks: [\n Plot.cell(tallSLEEPdata, {\n x: \"STATS\",\n y: \"Days\",\n fill: \"value\"\n })\n ]\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":33,"value":"SLEEPmap1","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":73,"value":"viewof Range = Inputs.form({\n low: Inputs.range([0, 420], {label: \"Low\", value: 480}),\n high: Inputs.range([0, 420], {label: \"High\", value: 480})\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":35,"value":"$47","pinned":true,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"svgContainer","database":"$undefined"},{"id":42,"value":"SMElem = d3.select(svgContainer).select(\"#SLEEPmap\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":44,"value":"SLEEPmap2 = dvSLEEPmap(SMElem,tallSLEEPdata,\"STATS\",\"Days\",\"value\",options)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":46,"value":"options = ({\n boxSize: 14,\n paddingX: 1,\n colorScale: colorScale, // next cell below\n startPos: {x:100,y:20}, // shifts it to accomodate the side and top labels\n rotateColumnTextDeg: -90 // negative directions go counter-clockwise. Azimuth not Cartesian.\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":48,"value":"colorScale = d3.scaleLinear().domain([0,50,100,400]).range([\"red\",\"orange\",\"yellow\",\"green\"])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":50,"value":"explain = (evt,d) => {\n let thisElem = evt.currentTarget;\n let elemD3 = d3.select(thisElem);\n d3.select(\"#explain\").text(d[\"Days\"] + \" Day\" + \" : (STAT \" + d.STATS + \") = \" + d.value) ; \n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":52,"value":"highlightYear = (evt,d) => {\n let thisElem = evt.currentTarget;\n let selectedSTATS = d.STATS;\n dimAll();\n SLEEPmap2.filter(d => d.STATS == selectedSTATS).style(\"opacity\",\"\");\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":55,"value":"dimAll = () => {\n SLEEPmap2.style(\"opacity\",0.1)\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":57,"value":"showAll = () => {\n SLEEPmap2.style(\"opacity\",\"\")\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":59,"value":"SLEEPmap2.on(\"mouseover\", explain)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":61,"value":"SLEEPmap2.on(\"click\", highlightYear)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":63,"value":"{\n // register event listeners\n const btns = d3.select(svgContainer).select(\"#controls\");\n btns.select(\"#show\").on(\"click\", showAll);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":65,"value":"highlight = {\n SLEEPmap2.filter(d => toNum(d.value) < Range.low || toNum(d.value) > Range.high).style(\"stroke\",\"\");\n SLEEPmap2.filter(d => toNum(d.value) >= Range.low && toNum(d.value) <= Range.high).style(\"stroke\",\"steelblue\");\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":67,"value":"toNum = (text) => {\n if (typeof(text) === \"string\") {return Number(text.replace(/,/g,''))}\n else {return text}\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":69,"value":"$48","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":89,"value":"uglySketchAndPrototypePranjalKale = FileAttachment(\"Ugly Sketch and prototype - Pranjal-Kale.pdf\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":154,"value":"kalePranjalStaticVersonOfSleepMap = FileAttachment(\"KALE PRANJAL STATIC VERSON OF SLEEP MAP.jpg\").image()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":155,"value":"kale_pranjal_finalProject_visualizingComplexity1 = FileAttachment(\"Kale_Pranjal_Final Project_Visualizing Complexity@1.pdf\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":156,"value":"kale_pranjal_finalProject_visualizingComplexity_pa = FileAttachment(\"Kale_Pranjal_Final Project_Visualizing Complexity_Page_01.jpg\").image()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":157,"value":"uglySketchAndPrototypePranjalKale_page_1 = FileAttachment(\"Ugly Sketch and prototype - Pranjal-Kale_Page_1.jpg\").image()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":160,"value":"kale_pranjal_finalProject_visualizingComplexity3 = FileAttachment(\"Kale_Pranjal_Final Project_Visualizing Complexity@3.pdf\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W49","stdlib":"1"}} 46:"$45:body"