2b:null 2c:["$","title",null,{"children":"Untitled | Mosab Rezaei | Observable"}] 31:T83f,function Scatterplot_d3(data) { const updateText = (node) => { // console.log(node); let divTag = "app1"; dispatch.call("circle-clicked", null, { id: node.ID, text: node.Report, tag: divTag}); } const svg = d3.create("svg") .attr("viewBox", [0, 0, Dis.width, Dis.height]) svg.append("g") .call(xAxis) .append("text") .text("Reports →") .attr("x", Dis.width) .attr("y", Dis.marginBottom - 3) .attr("fill", "currentColor") .attr("text-anchor", "end") .attr("font-size", 5) svg.append("g") .call(yAxis) .append("text") .text("↑ Threat Level") .attr("x", -Dis.marginLeft) .attr("y", 8) .attr("fill", "currentColor") .attr("text-anchor", "start") .attr("font-size", 5) svg.append("g") .call(grid); svg.append("g") .attr("stroke-width", 0.2) .attr("stroke", "black") .selectAll("circle") .data(data) .join("circle") .attr("cx", d => xScale(d.ID)) .attr("cy", (measure == "(Threat Level * Similarity Score)") ? d => yScale(d.Score_1) : d => yScale(d.Score_2)) .attr("fill", (measure == "(Threat Level * Similarity Score)") ? d => s1ColorScale(d.Score_1) : d => s2ColorScale(d.Score_2)) .attr("r", 2.2) .on("click", (event, d) => { updateText(d); }) .append('title') .text((measure == "(Threat Level * Similarity Score)") ? d => {return [`${d.main_keywords_level[0]}\n${d.main_keywords_level[1]}\n${d.main_keywords_level[2]}\n${d.main_keywords_level[3]}\n${d.main_keywords_level[4]}`]} : d => {return [`${d.main_keywords_score[0]}\n${d.main_keywords_score[1]}\n${d.main_keywords_score[2]}\n${d.main_keywords_score[3]}\n${d.main_keywords_score[4]}`]}) return svg.node(); }32:[{"id":"863494131912b3a4e1e4d1d692f0cdf279b04f1912bfe9334d1d14d533f81f70480e4a76ce8a7b76749c56a70b06967b53ed9aa39e31306131b5aa4559ffc5e3","href":"https://static.observableusercontent.com/files/863494131912b3a4e1e4d1d692f0cdf279b04f1912bfe9334d1d14d533f81f70480e4a76ce8a7b76749c56a70b06967b53ed9aa39e31306131b5aa4559ffc5e3","name":"Dataset.json","type":"application/json","lastModified":1700708876960.194,"size":146183}] 2f:{"id":"5a4c180774397b6a","slug":null,"title":"","thumbnail":"9e114505982a3e9505c54c3358822c8c6b05ca82470f152dcef2a3eea7d1a7e4","access_level":"public","create_time":"$D2023-04-24T04:35:16.749Z","update_time":"$D2025-04-12T03:04:29.427Z","view_time":null,"first_public_time":"$D2023-04-24T04:35:54.335Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"06302f2f2c7f0240","login":"mosab-rezaei","name":"Mosab Rezaei","avatar_url":"https://avatars-next.observableusercontent.com/d96d95eb1f4fa982556faae31c74b229aaa073c281162385113df50adba7ef7e","tier":"starter_2024"},"version":272,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"45e5ef3fd5732f7a","login":"mosab-rezaei","name":"Mosab Rezaei","avatar_url":"https://avatars-next.observableusercontent.com/d96d95eb1f4fa982556faae31c74b229aaa073c281162385113df50adba7ef7e","tier":null}],"members":[{"type":"individual","id":"45e5ef3fd5732f7a","login":"mosab-rezaei","name":"Mosab Rezaei","avatar_url":"https://avatars-next.observableusercontent.com/d96d95eb1f4fa982556faae31c74b229aaa073c281162385113df50adba7ef7e","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":2,"collection":null,"type":"notebook","body":{"title":"","cells":[{"id":199,"value":"\n\n

\n \n

Hamed Barzamini (Z1907279)

Mosab Rezaei (Z1905541)

\n \n

Visual Analytics (CSCI 638)

Final Exam (Midterm)

\n \n

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":99,"value":"viewof measure = Inputs.radio([\"(Threat Level * Similarity Score)\", \"(Only Similarity Score)\"], {label: \"Select the Measure:\", value:\"(Threat Level * Similarity Score)\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":36,"value":"chart = Scatterplot_d3(data)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":145,"value":"

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":261,"value":"

\n\n\n\n \n

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":265,"value":"

\n\n\n\n \n

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":14,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":129,"value":"s1ColorScale = d3.scaleQuantile()\n .domain([\n d3.quantileSorted(score1, 0.2),\n d3.quantileSorted(score1, 0.4),\n d3.quantileSorted(score1, 0.6),\n d3.quantileSorted(score1, 0.8),\n d3.max(score1)\n ])\n .range([\"#FFD6D6\", \"#FFA3A3\", \"#FF7070\", \"#FF3D3D\", \"#8B0000\"]);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":132,"value":"s2ColorScale = d3.scaleQuantile()\n .domain([\n d3.quantileSorted(score2, 0.2),\n d3.quantileSorted(score2, 0.4),\n d3.quantileSorted(score2, 0.6),\n d3.quantileSorted(score2, 0.8),\n d3.max(score2)\n ])\n .range([\"#FFD6D6\", \"#FFA3A3\", \"#FF7070\", \"#FF3D3D\", \"#8B0000\"]);","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":24,"value":" //xScale = d3.scaleLinear().range([marginLeft, Math.min(height, width) - marginRight])\nxScale = d3.scaleLinear()\n .domain(d3.extent(data, d => d.ID)).nice()\n .range([Dis.marginLeft, Dis.width - Dis.marginRight])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"//yScale = d3.scaleLinear().range([height - marginBottom, marginTop])\nyScale = d3.scaleLinear()\n .domain(d3.extent(data, (measure == \"(Threat Level * Similarity Score)\") ? d => d.Score_1 : d => d.Score_2)).nice() \n .range([Dis.height - Dis.marginBottom, Dis.marginTop])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"xAxis = g => g\n .attr(\"transform\", `translate(0,${Dis.height - Dis.marginBottom})`)\n .call(d3.axisBottom(xScale))\n .attr(\"font-size\", 5)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":30,"value":"yAxis = g => g\n .attr(\"transform\", `translate(${Dis.marginLeft},0)`)\n .call(d3.axisLeft(yScale))\n .attr(\"font-size\", 5)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"color = d3.scaleOrdinal(d3.schemeTableau10); ","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":253,"value":"grid = g => g\n //.attr(\"stroke\", \"currentColor\")\n .attr(\"stroke-opacity\", 0.3)\n .attr(\"stroke-width\", 0.5)\n .attr(\"stroke\", \"#ccc\")\n\n\n .call(g => g.append(\"g\")\n .selectAll(\"line\")\n .data(xScale.ticks())\n .join(\"line\")\n .attr(\"x1\", d => 0.5 + xScale(d))\n .attr(\"x2\", d => 0.5 + xScale(d))\n .attr(\"y1\", Dis.marginTop)\n .attr(\"y2\", Dis.height - Dis.marginBottom))\n .call(g => g.append(\"g\")\n .selectAll(\"line\")\n .data(yScale.ticks())\n .join(\"line\")\n .attr(\"y1\", d => 0.5 + yScale(d))\n .attr(\"y2\", d => 0.5 + yScale(d))\n .attr(\"x1\", Dis.marginLeft)\n .attr(\"x2\", Dis.width - Dis.marginRight));","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":147,"value":"dispatch.on(\"circle-clicked\", (obj) => {\n ReactDOM.render(\n React.createElement(showText, obj),\n document.getElementById(obj.tag)\n );\n});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":149,"value":"function showText(props) {\n let tid = props.id;\n let text = props.text;\n // console.log(data[tid].keywords);\n const keywords = data[tid].keywords;\n // Split the text into words\n const words = text.split(\" \");\n \n // Loop through each word and check if it's a keyword\n const highlightedWords = words.map((word, i) => {\n if (keywords.includes(word.toLowerCase())) {\n return React.createElement(\"span\", {key: i, style: {backgroundColor: \"#ffdcdc\"}}, word + \" \");\n } else {\n return React.createElement(\"span\", {key: i}, word + \" \");\n }\n });\n \n return React.createElement(\"div\", null, highlightedWords);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":151,"value":"dispatch = d3.dispatch(\"circle-clicked\");","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":123,"value":"score1 = data.flatMap(d => d.Score_1).sort()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":126,"value":"score2 = data.flatMap(d => d.Score_2).sort()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"Dis = ({height:200, width:400, marginTop:20, marginRight:10, marginBottom:25, marginLeft:20})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":163,"value":"data = FileAttachment(\"list_of_dic@1.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":272,"value":"dataset1 = FileAttachment(\"Dataset.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":154,"value":"import {render, component, jsx, memo, forwardRef, React, ReactDOM, createElement, Children, createRef, createContext, lazy, Fragment, StrictMode, Suspense, cloneElement, useCallback, useContext, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useReducer, useRef, useState, useDebugValue, createPortal, __SECRET_SWITCHER} from \"@j-f1/react\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":271,"value":"dataset = FileAttachment(\"Dataset.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W32","stdlib":"1","titling":"auto"}} 30:"$2f:body"