3e:null 3f:["$","title",null,{"children":"How do designers understand CI (Confidence Intervals)? Process | Ruixin Dai | Observable"}] 45:T4d7,// Plot.plot({ // marginBottom:80, // height:700, // // inset:80, // width: 1000, // x: { // tickRotate: -45, // ticks: 5, // tickSize: 2, // line: true, // tickPadding: 7, // labelAnchor: "left", // labelOffset: 17, // nice: true, // label: "Date", // tickFormat: d3.utcFormat("%b,%Y"), // // insetLeft:15, // }, // color: { // type: "diverging", // scheme: "burd", // pivot: moodValueMean, // legend: true, // domain: [Math.min(...randomMoodValue), Math.max(...randomMoodValue)], // range: [0, 1], // // reverse:true, // }, // marks: [ // Plot.ruleY([0,100]), // // Plot.ruleX([2022-10-01]), // Plot.areaY(finalData,{ //CI Area // //The mood rate has a range of [0,100] // x: "date", // y1: d => ((moodValueMean - CI_Level * sigma) < 0 ) ? 0 : moodValueMean - CI_Level * sigma, // y2: d => ((moodValueMean + CI_Level * sigma) > 100 ) ? 100 : moodValueMean + CI_Level * sigma, // fill:"green", // fillOpacity: 0.05, // }), // Plot.dot(finalData, { x: "date", y: "moodValue", fill: "moodValue" }), // Plot.line(finalData,{x:"date", y:moodValueMean,stroke:"green"}), // ], // }) 46:T604,Plot.plot({ marginBottom:80, height:500, // inset:80, width: 500, x: { // tickRotate: -45, ticks: 10, tickSize: 2, line: true, // tickPadding: 7, labelAnchor: "right", labelOffset: 32, nice: true, label: "Participant No.", }, color: { type: "diverging", scheme: "puor", pivot: sleepMean, legend: true, domain: [Math.min(...sleepHoursFilt), Math.max(...sleepHoursFilt)], // range: [0, 1], reverse:true, }, marks: [ Plot.ruleX([0,110]), Plot.ruleY([0,15]), Plot.areaY(sleepData,{ //CI Area //Sleep Hours can't less than 0 hour y1: d => ((sleepMean - CI_Level * sleepSigma) < 0 ) ? 0:sleepMean - CI_Level * sleepSigma, y2: sleepMean + CI_Level * sleepSigma, x: "participant", fill:"green", fillOpacity: 0.05, }), Plot.dot(sleepData, { y: "sleepHours", x: "participant", fill: "sleepHours" }), Plot.line(sleepData,{y:sleepMean, x:"participant",stroke:"green"}), Plot.text([transCI(CI_Level)], { fontSize: 12, y: 11, x: 55, fill:"green", // stroke:"#000", } ), ], }) // d => (d.Adoptions > 150) ? 0 : 300 // Plot.plot({ // marks: [ // Plot.areaY(data, { // x: "date", // y: "value", // order: "value", // fill: "brand", // fillOpacity: 0.5, // curve: "linear" // }) // ], // width: 666, // height: 130, // x: { ticks: 3 }, // marginLeft: 50 // })47:[{"id":"5e7a5723e1df14100d73a6112cc94f611912639b6dbc1f386ce9a0640ca0f26d12e125eed7cfa68ed81fd56adbfbb23430977d210500c6488635caabf6539ee0","href":"https://static.observableusercontent.com/files/5e7a5723e1df14100d73a6112cc94f611912639b6dbc1f386ce9a0640ca0f26d12e125eed7cfa68ed81fd56adbfbb23430977d210500c6488635caabf6539ee0","name":"SleepStudyData@2.csv","type":"text/csv","lastModified":1677170542700.636,"size":2395}] 43:{"id":"2b928b551c4577ea","slug":null,"title":"How do designers understand CI (Confidence Intervals)? Process","thumbnail":null,"access_level":"public","create_time":"$D2023-02-23T16:42:22.700Z","update_time":"$D2023-02-23T18:52:18.640Z","view_time":null,"first_public_time":"$D2023-02-23T16:42:22.700Z","has_unpublished_edits":null,"fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"fe4dd134fc47e319","login":"dairuixin","name":"Ruixin Dai","avatar_url":"https://avatars-next.observableusercontent.com/abe1016db008932c58b2ed6fffea97a811984fa8b57de8558da2ec6caf3471b5","tier":"starter_2024","bio":"","following":false},"version":1757,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"61fb8670c873e632","login":"dairuixin","name":"Ruixin Dai","avatar_url":"https://avatars-next.observableusercontent.com/abe1016db008932c58b2ed6fffea97a811984fa8b57de8558da2ec6caf3471b5","tier":null,"bio":"","following":false}],"members":[{"type":"individual","id":"61fb8670c873e632","login":"dairuixin","name":"Ruixin Dai","avatar_url":"https://avatars-next.observableusercontent.com/abe1016db008932c58b2ed6fffea97a811984fa8b57de8558da2ec6caf3471b5","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"How do designers understand CI (Confidence Intervals)? Process","cells":[{"id":4,"value":"# How do designers understand CI (Confidence Intervals)? Process\n\nAs designers, when we are doing data visualization, we often found one special value called CI. What is it and how could we understand it but don't have to know a lot of statistic knowledge?

\nUsing [Inputs.range](https://github.com/observablehq/inputs/blob/main/README.md#range) and [Plot](/@observablehq/plot).","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":34,"value":"So tell me, how do you rate your happiness today?
\nIf you have a notebook to record your daily mood rate, how many record would you have?","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":760,"value":"viewof n = Inputs.range([30, countDay], {step: 1, label: \"Days\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1455,"value":"The first day you rate your mood is:","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1457,"value":"viewof firstDay = Inputs.date({value:\"2020-12-10\",label: \"First Day I rate my mood:\", max:today})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1462,"value":"firstDay","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1470,"value":"firstY = firstDay.getFullYear()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1479,"value":"firstM = firstDay.getMonth() + 1//January gives 0","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1481,"value":"firstD = firstDay.getDate() + 1","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1609,"value":"countDay = Math.round(Math.abs((today - firstDay) / 86400000));","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1613,"value":"today = new Date()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":797,"value":"n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":758,"value":"The Date that youn have records of your mood.","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":36,"value":"viewof moodValueMean = Inputs.range([0, 100], {step: 1, label: \"Your average mood rate\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":74,"value":"Now we define the Standard Deviation","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":59,"value":"// sigma = 10;\nviewof sigma = Inputs.range([0, 15], {step: 1, label: \"Sigma σ\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":110,"value":"// n = 365","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":43,"value":"pachinko(d3.randomNormal(moodValueMean,sigma),[0,100]);","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":67,"value":"function* pachinko(random, extent, height = 400) {\n const radius = 5;\n const dodge = dodger(radius * 2 + 1);\n const margin = {top: 0, right: 30, bottom: 20, left: 30};\n const values = Float64Array.from({length: n}, random);\n if (extent === undefined) extent = d3.extent(values);\n const x = d3.scaleLinear(extent, [margin.left, width - margin.right]).nice();\n\n const svg = d3.select(DOM.svg(width, height)).style(\"overflow\", \"visible\");\n yield svg.node();\n\n svg.append(\"g\")\n .attr(\"transform\", `translate(0,${height - margin.bottom})`)\n .call(d3.axisBottom(x));\n\n for (let i = 0; i < n; ++i) {\n if (i % 20 == 0) yield svg.node();\n const cx = x(values[i]);\n const cy = height - margin.bottom - dodge(cx) - radius - 1;\n if (cy < margin.top) break;\n svg.append(\"circle\")\n .attr(\"cx\", cx)\n .attr(\"cy\", -400)\n .attr(\"r\", radius)\n .attr(\"cy\", cy)\n .attr(\"fill\", \"#d3b4e0\");\n }\n\n yield svg.node();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":244,"value":"~~~\n\n~~~","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":248,"value":"~~~\n\n~~~","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":167,"value":"// moment = require(\"moment\") ","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":250,"value":"~~~\n\n~~~","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":258,"value":"## Failed codes below:","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":158,"value":"// {\n// var getDaysArray = function(start, end) {\n// for(var arr=[],dt=new Date(start); dt<=new Date(end); dt.setDate(dt.getDate()+1)){\n// arr.push(new Date(dt));\n// }\n// return arr;\n// };\n// var daylist = getDaysArray(new Date(\"2018-05-01\"),new Date(\"2018-07-01\"));\n// daylist.map((v)=>v.toISOString().slice(0,10)).join(\"\")\n// }","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":165,"value":"// function getDates(startDate, stopDate) {\n// var dateArray = [];\n// var currentDate = moment(startDate);\n// var stopDate = moment(stopDate);\n// while (currentDate <= stopDate) {\n// dateArray.push( moment(currentDate).format('YYYY-MM-DD') )\n// currentDate = moment(currentDate).add(1, 'days');\n// }\n// return dateArray;\n// // Get random date between 2 dates: https://stackoverflow.com/questions/4413590/javascript-get-array-of-dates-between-2-dates\n// }","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":189,"value":"// getDates(\"2018-05-01\",\"2018-06-01\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":181,"value":"// {\n// Array.prototype.random = function () {\n// return this[Math.floor((Math.random()*this.length))];\n// }\n// randomMoodValue.random()\n// }","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":148,"value":"// {\n// var moodRecords = {};\n// var record = {};\n// for (var i = 0; i < randomMoodValue.length; i++) {\n// var theDate = randomDateArray[i];\n// var theMood = randomMoodValue[i];\n// // Maybe, here make something like:\n// // temp_item.name = 'some value'\n\n// record.push({\n// \"date\" : theDate,\n// \"moodValue\" : theMood,\n// });\n// moodRecords.push(record);\n// }\n\n\n \n// var record = {\n// 'date': randomDateArray[i],\n// // 'mood': randomMoodValue[Math.floor(Math.random()*randomMoodValue.length)],\n// 'mood': randomMoodValue.random(),\n// }\n// moodRecords.push(record);\n// }","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":350,"value":"// moodRecords2 = jsonRecords2(randomDateArray,randomMoodValue,jsonLabels,record2)\n// moodRecords2 = JSON.stringify(jsonRecords(randomDateArray,randomMoodValue,jsonLabels,record2))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":344,"value":"function jsonRecords2(arr1,arr2,arr3,arr4) {\n arr4.length = 0;\n let moodRecord = Array(40);\n moodRecord.forEach ((ele, index) => { \n // JSON.stringify(arr3[0] + \":\"+ arr1[index] + \",\" + arr3[1] + \":\" +arr2[index])\n arr3[0] = arr1[index]\n arr3[1] = arr2[index]\n })\n JSON.stringify(moodRecord);\n for (let i = 0; i < arr1.length; ++i) {\n arr4.push(moodRecord[i])\n }\n return arr4;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":454,"value":"function combineArrays(arr1,arr2,arr3) {\n for (let i = 0; i < arr1.length; ++i) {\n return Object.assign(...arr1.map((element, index)=>({[element]: arr2[index]}) )); \n }\n \n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":457,"value":"// oooo = combineArrays(randomDateArray,randomMoodValue,jsonLabels)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":307,"value":"records = new Array();","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":352,"value":"record2 = Array(40);","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":326,"value":"function jsonRecords(arr1,arr2,arr3,arr4) {\n arr4.length = 0; //The location of this line is very important.\n for (let i = 0; i < arr2.length; ++i) {\n arr4.push(\n arr3[0] + \":\"+ arr1[i] + \",\" + arr3[1] + \":\" +arr2[i]\n // arr3[0] + '\"'+':'+ arr1[i] + \",\" + arr3[1] + \":\" +arr2[i]\n )\n }\n JSON.stringify(arr4);\n return arr4;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1620,"value":"usedIndexes = []; ","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1629,"value":"function getUniqueRandomNumber(x) {\n const index = Math.floor(Math.random() * (x));\n if (usedIndexes.includes(index)) {\n return this.getUniqueRandomNumber(x);\n } else { \n // console.log(index);\n usedIndexes.push(index);\n return index;\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1631,"value":"getUniqueRandomNumber(10)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1678,"value":"~~~\n\n~~~","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1651,"value":"~~~\n\n~~~","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":1656,"value":"uniqueRandoms = []","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1658,"value":"makeUniqueRandom(n)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1653,"value":"function makeUniqueRandom(n) {\n // refill the array if needed\n if (!uniqueRandoms.length) {\n for (var i = 0; i < n; i++) {\n uniqueRandoms.push(i);\n }\n }\n // var index = Math.floor(Math.random() * uniqueRandoms.length);\n var index = Math.floor(Math.random() * uniqueRandoms.length);\n var val = uniqueRandoms[index];\n\n // now remove that value from the array\n // uniqueRandoms.splice(index, 1);\n\n return val;\n\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1661,"value":"// ooooDate = uniqueRandoms.map(x=> new Date(startDate.getTime() + x * (Date.now() - startDate.getTime())))","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":194,"value":"// function randomDate(start,end) {\n// // return new Date(startDate.getTime() + Math.random() * (Date.now() - startDate.getTime()));\n// // new Date(start.getTime() + Math.random() * (end.getTime() - start.getTime()));\n// return uniqueRandoms.map(x=> new Date(startDate.getTime() + x * (today.getTime() - startDate.getTime())))\n// }\nfunction randomDate(start, end) {\n return new Date(start.getTime() + Math.random() * (end.getTime() - start.getTime()));\n // return uniqueRandoms.map(x=> new Date(start.getTime() + x * (end.getTime() - start.getTime())))\n}\n// Tried several method to generate random date.","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":199,"value":"randomDateArrayd = randomDate(new Date(firstY, firstM, firstD), new Date());","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":252,"value":"~~~\n\n~~~","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":261,"value":"## Codes worked","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":122,"value":"// randomMoodValue = [d3.randomNormal(moodValue,sigma)()];\n// d3.randomNormal();\nrandomMoodValue = Array.from({length: countDay + 1}, () => Math.floor(d3.randomNormal(moodValueMean,sigma)() ));","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":211,"value":"// // function generateRandomDate() {\n// // return new Date(+(new Date()) - Math.floor(Math.random() * 10000000000));\n// // }\n// function getRandomDate() {\n// const maxDate = Date.now();\n// const timestamp = Math.floor(Math.random() * maxDate);\n// return new Date(timestamp);\n// }","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":226,"value":"\n// (new getRandomDate()).toISOString().split('T')[0]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":230,"value":"// randomDateArray = Array.from({length: n}, () => (new generateRandomDate()).toLocaleDateString('en-US'));\n// randomDateArrayR = Array.from({length: n}, () => (new getRandomDate()).toISOString().split('T')[0]);\n// randomDateArrayR = Array.from({length: n}, () => (new getRandomDate()));\nrandomDateArray = Array.from({length: n}, () => new randomDate(new Date(firstY, firstM, firstD), new Date()));","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1420,"value":"// randomDateArray = (randomDateArrayReap.reduce(function(a,b){if(a.indexOf(b)<0)a.push(b);return a;},[]));","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1571,"value":"randomDateArrayRaw = randomDateArray.flatMap(n => n.toISOString().split('T')[0]);","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":299,"value":"// jsonLabels = [\"date\",\"moodValue\"]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":501,"value":"function jsonRecords3(arr1,arr2) {\n var moodRecords = []\nfor(var i in arr1) {\n moodRecords.push({\n \"date\" : arr1[i],\n \"moodValue\" : arr2[i],\n // \"rawDate\" : arr3[i],\n // \"\"arr3[0]\"\" : arr1[i]\n })\n}\n return moodRecords;\n }\n\n// var employees = {\n// accounting: []\n// };\n\n// for(var i in someData) { \n\n// var item = someData[i]; \n\n// employees.accounting.push({ \n// \"firstName\" : item.firstName,\n// \"lastName\" : item.lastName,\n// \"age\" : item.age \n// });\n// }","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1709,"value":"function dateRange(startDate, endDate, steps = 1) {\n const dateArray = [];\n let currentDate = new Date(startDate);\n\n while (currentDate <= new Date(endDate)) {\n dateArray.push(new Date(currentDate));\n // Use UTC date to prevent problems with time zones and DST\n // currentDate.setUTCDate(currentDate.getUTCDate() + steps);\n }\n\n return dateArray;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1716,"value":"today","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":1712,"value":"dateRange(firstDay, today)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":518,"value":"finalData = jsonRecords3(randomDateArray,randomMoodValue)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":537,"value":"finalData","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":845,"value":"// Calculate standard deviation\n// stddvt = d3.deviation(randomMoodValue)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":540,"value":"Plot.plot({\n height: 600, \n width: 1200,\n margin: 60,\n marginBottom:80,\n style:{ fontWeight:\"bold\",\n // backgroundColor:\"#d3b4e0\",\n }, \n \n x: {\n axis: \"bottom\",\n grid: true,\n lable:\"Date of Records\",\n // domain: finalData.map(d => d.date),\n // tickFormat: d3.utcFormat(\"%Y\"),\n tickFormat: d3.utcFormat(\"%b,%Y\"),\n ticks: 7,\n tickRotate:-45,\n },\n \n y: {\n axis: \"left\",\n // domain: finalData.map(d => d.moodValue),\n domain: [0,100],\n },\n\n marks: [\n Plot.rectY(finalData, Plot.binX(\n {y: \"count\"},\n {x: \"date\", \n y: \"moodValue\", \n fill: \"blue\", \n fillOpacity: 0.5, \n thresholds: 10\n }\n )),\n // Add some \"text\" to our plot \n Plot.text(finalData, {\n x: \"date\",\n y: \"moodValue\",\n text: d => d[\"moodValue\"], // append the units to each label \n // textAnchor: \"start\", \n // dx: 10 // horizontal offset in pixels\n })\n ]\n\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":696,"value":"Plot.plot({\n height:700,\n weight:800,\n x:{\n axis: \"bottom\",\n grid: true,\n lable:\"Date of Records\",\n // domain: finalData.map(d => d.date),\n // tickFormat: d3.utcFormat(\"%b,%Y\"),\n ticks: 10,\n },\n \n marks: [\n Plot.ruleX([Math.min(...randomMoodValue)-5,Math.max(...randomMoodValue)+5]),\n Plot.ruleY([0,n/3]),\n Plot.rectY(\n finalData, \n Plot.binX(\n { y: \"count\" }, \n {\n x: \"moodValue\", \n fill: \"blue\", \n fillOpacity: 0.5, \n thresholds: 10\n }\n )\n )\n ], \n marginLeft: 100, \n height: 200,\n width: 666\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":391,"value":"~~~\n\n~~~","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":135,"value":"$45","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":49,"value":"viewof replay = html`