27:null 28:["$","title",null,{"children":"Untitled | Laura Lee | Observable"}] 2d:T823,

${Plot.plot({ title: "Depression and Number of Friends", x: {}, y: { grid: true }, marginTop: 20, color: { domain: ["Yes", "No", "Sometimes"], // Specify the categories range: ["#8B322C", "#FFC470", "#DD5746"], // Specify the corresponding colors for each category legend: true // Optionally add a legend }, marks: [ Plot.barY( CSE, Plot.groupX( { y: "mean" }, // Calculate the mean of NumberOfFriend for each group { x: "DepressionStatus", // Group by DepressionStatus y: "NumberOfFriend", // Use NumberOfFriend for the y-axis fill: "DepressionStatus", // Use DepressionStatus to determine the color of the bars tip: true // Enable tooltips } ) ), Plot.ruleY([0]) // Horizontal line at y = 0 for reference ] })}

${Plot.plot({ title: "Depression and Hours of Sleep Per Day", x: {}, y: { grid: true }, marginTop: 24, color: { domain: ["Yes", "No", "Sometimes"], // Specify the categories range: ["#8B322C", "#FFC470", "#DD5746"], // Specify the corresponding colors for each category legend: true // Optionally add a legend }, marks: [ Plot.barY( CSE, Plot.groupX( { y: "mean" }, // Calculate the mean of SleepPerDayHours for each group { x: "DepressionStatus", // Group by DepressionStatus y: "SleepPerDayHours", // Use SleepPerDayHours for the y-axis fill: "DepressionStatus", // Use DepressionStatus to determine the color of the bars tip: true // Enable tooltips } ) ), Plot.ruleY([0]) // Horizontal line at y = 0 for reference ] })}

2e:T4f6,{ // register event listeners const btns = d3.select(svgContainer).select("#controls"); btns.select("#btn_all").on("click", () => {dvClusterMoveNodes(fociOneCenter); dvClusterFociLabels(labelLayer,fociOneCenter)}); btns.select("#btn_likestopresent").on("click", () => {dvClusterMoveNodes(focilikestopresent,"LikePresentation"); dvClusterFociLabels(labelLayer,focilikestopresent,{offsetY:150})}); btns.select("#btn_newthings").on("click", () => {dvClusterMoveNodes(focilikeNewThings,"LikeNewThings"); dvClusterFociLabels(labelLayer,focilikeNewThings,{offsetY:150})}); btns.select("#btn_FaceChallangesToCompleteAcademicTask").on("click", () => {dvClusterMoveNodes(fociyesno,"FaceChallangesToCompleteAcademicTask"); dvClusterFociLabels(labelLayer,fociyesno,{offsetY:150})}); btns.select("#btn_academicperformance").on("click", () => {dvClusterMoveNodes(fociacademic ,"AcademicPerformance"); dvClusterFociLabels(labelLayer,fociacademic ,{offsetY:150})}); btns.select("#btn_age").on("click", () => {dvClusterMoveNodes(fociage ,"Age"); dvClusterFociLabels(labelLayer,fociage ,{offsetY:150})}); btns.select("#btn_gender").on("click", () => {dvClusterMoveNodes(focigender ,"Gender"); dvClusterFociLabels(labelLayer,focigender ,{offsetY:150})}); } 2f:[{"id":"936cc6dbeeec03b0922d4ea8216ec571f7d7814984057f3022f369fc900e1818bd2f06bcc8d2454c0d1bce5888ae41feec3b99e6ea9ba636315651bcc23d4d03","href":"https://static.observableusercontent.com/files/936cc6dbeeec03b0922d4ea8216ec571f7d7814984057f3022f369fc900e1818bd2f06bcc8d2454c0d1bce5888ae41feec3b99e6ea9ba636315651bcc23d4d03","name":"CSE_student_performances.csv","type":"text/csv","lastModified":1714939348562.55,"size":4673},{"id":"936cc6dbeeec03b0922d4ea8216ec571f7d7814984057f3022f369fc900e1818bd2f06bcc8d2454c0d1bce5888ae41feec3b99e6ea9ba636315651bcc23d4d03","href":"https://static.observableusercontent.com/files/936cc6dbeeec03b0922d4ea8216ec571f7d7814984057f3022f369fc900e1818bd2f06bcc8d2454c0d1bce5888ae41feec3b99e6ea9ba636315651bcc23d4d03","name":"CSE_student_performances@1.csv","type":"text/csv","lastModified":1714963084267.005,"size":4673}] 2b:{"id":"c2ff052686bf060d","slug":null,"title":"","thumbnail":"2a0deaf5e5aed9dfb2f37e712e3cea3221b41140a0521845f23713d730c7d78c","access_level":"public","create_time":"$D2024-05-05T20:02:28.562Z","update_time":"$D2024-05-07T21:59:32.594Z","view_time":null,"first_public_time":"$D2024-05-06T04:15:07.001Z","has_unpublished_edits":null,"fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"6830a660b900041f","login":"lauralee","name":"Laura Lee","avatar_url":"https://avatars-next.observableusercontent.com/0e6d317fa31d89653d7c3d3ea555dd243e2dbb044404a6066f3959746b8cfc99","tier":"starter_2024"},"version":1632,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"cdbc641523d6f3f4","login":"laura-lee","name":"Laura Lee","avatar_url":"https://avatars-next.observableusercontent.com/790af0239a824c45fc136f7532bcbd008056e04f6d1fb82686a479417e20cc36","tier":null}],"members":[{"type":"team","id":"6830a660b900041f","login":"lauralee","name":"Laura Lee","avatar_url":"https://avatars-next.observableusercontent.com/0e6d317fa31d89653d7c3d3ea555dd243e2dbb044404a6066f3959746b8cfc99","tier":"starter_2024","role":"editor"},{"type":"individual","id":"cdbc641523d6f3f4","login":"laura-lee","name":"Laura Lee","avatar_url":"https://avatars-next.observableusercontent.com/790af0239a824c45fc136f7532bcbd008056e04f6d1fb82686a479417e20cc36","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"","cells":[{"id":844,"value":"title = {\n const str = \"How Depression Affects the Psychosocial Dimensions of Student Life\"\n return html`

\n ${str.split(\"\").map((char, i) => html`${char}`)}\n

`\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1406,"value":"\n","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"lehend","database":"$undefined"},{"id":29,"value":"\n\n\n\n\n\n

\n \n \n \n \n \n \n

\n","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"svgContainer","database":"$undefined"},{"id":1511,"value":"$2d","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"bargraphsidebyside","database":"$undefined"},{"id":98,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"styles","database":"$undefined"},{"id":1213,"value":"CSE = await FileAttachment(\"CSE_student_performances@1.csv\").csv({typed: \"auto\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"CSE","database":"$undefined"},{"id":35,"value":"clElem = d3.select(svgContainer).select(\"#layer1\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":59,"value":"clusters = dvCluster(clElem,CSE,1000,800,10,options)\n ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":64,"value":"options = ({\n \"classField\": \"DepressionStatus\",\t\t// to set their class/color\n \"dotScaleFactor\": 3.5,\n \"strength\": -13,\n \"alphaTarget\": 0.5\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"-----","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":436,"value":"fociOneCenter = [{x: 550, y: 200}]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":784,"value":"fociyesno = ({\n \"Yes\":{x: 340, y: 200},\"Sometimes\":{x: 550, y: 200}, \"No\":{x: 750, y: 200}\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":797,"value":"focilikestopresent = ({\n \"Yes\":{x: 450, y: 200}, \"No\":{x: 650, y: 200}\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":910,"value":"focilikeNewThings = ({\n \"Yes\":{x: 450, y: 200}, \"No\":{x: 650, y: 200}\n})\n ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":931,"value":"fociacademic = ({ \"Excellent\":{x: 150, y: 200},\"Good\":{x: 400, y: 200}, \"Average\":{x: 670, y: 200}, \"Below average\":{x: 900, y: 200}\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":943,"value":"fociage = ({ \"20\":{x: 150, y: 200},\"21\":{x: 300, y: 200}, \"22\":{x: 450, y: 200}, \"23\":{x: 600, y: 200}, \"24\":{x: 750, y: 200}, \"25\":{x: 900, y: 200}\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":951,"value":"focigender = ({ \"Female\":{x: 400, y: 200}, \"Male\":{x: 600, y: 200}\n})\n ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":82,"value":"-----","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":617,"value":"labelLayer = clElem.append(\"g\").attr(\"id\",\"labels\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":466,"value":"$2e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1386,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":460,"value":"----","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":267,"value":"import {dvCluster,dvClusterMoveNodes, dvClusterFociLabels} from \"@emfielduva/dvlib_layout\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2f","stdlib":"1","titling":"auto"}} 2c:"$2b:body"