2f: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 ] })}

30: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})}); } 31:[{"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}] 2d:{"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"},{"id":1406,"value":"\n","pinned":false,"hidden":false,"mode":"html"},{"id":29,"value":"\n\n\n\n\n\n

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

\n","pinned":false,"hidden":false,"mode":"html"},{"id":1511,"value":"$2f","pinned":false,"hidden":false,"mode":"html"},{"id":98,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":1213,"value":"CSE = await FileAttachment(\"CSE_student_performances@1.csv\").csv({typed: \"auto\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":35,"value":"clElem = d3.select(svgContainer).select(\"#layer1\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":59,"value":"clusters = dvCluster(clElem,CSE,1000,800,10,options)\n ","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"id":14,"value":"-----","pinned":false,"hidden":false,"mode":"md"},{"id":436,"value":"fociOneCenter = [{x: 550, y: 200}]","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"id":797,"value":"focilikestopresent = ({\n \"Yes\":{x: 450, y: 200}, \"No\":{x: 650, y: 200}\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":910,"value":"focilikeNewThings = ({\n \"Yes\":{x: 450, y: 200}, \"No\":{x: 650, y: 200}\n})\n ","pinned":false,"hidden":false,"mode":"ojs"},{"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"},{"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"},{"id":951,"value":"focigender = ({ \"Female\":{x: 400, y: 200}, \"Male\":{x: 600, y: 200}\n})\n ","pinned":false,"hidden":false,"mode":"ojs"},{"id":82,"value":"-----","pinned":false,"hidden":false,"mode":"md"},{"id":617,"value":"labelLayer = clElem.append(\"g\").attr(\"id\",\"labels\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":466,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":1386,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":460,"value":"----","pinned":false,"hidden":false,"mode":"md"},{"id":267,"value":"import {dvCluster,dvClusterMoveNodes, dvClusterFociLabels} from \"@emfielduva/dvlib_layout\"","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}