2b:null 2c:["$","title",null,{"children":"UK Clinical NLP Landscaping Analysis | Honghan Wu | Observable"}] 31:T174a,chart = { const width = visSetting.width; const height = visSetting.height; let dtStartDateThreshold = 1483228800000; // 1674691200000; //2023 // 1643155200000; //2022-01-26 // 1325376000000; // 2012-01-01 // 1483228800000; // 2017-01-01 console.log(dtStartDateThreshold); const reflectAmountNode = visSetting.reflectAmountNode; const linkFilter = function(links, removedNodes){ let filtered = []; let leftNodeIds = []; for(let i =0;i= 0 || removedNodes.indexOf(links[i].target) >= 0){ continue; }else{ filtered.push(links[i]); leftNodeIds.push(links[i].source); leftNodeIds.push(links[i].target); } } return [filtered, leftNodeIds]; } // define filter functions const grantTypeFilter = visSetting.filters.grantType; const isGrantType = function(n) { if (n.type == "Grant") return true; else{ console.log(n.category); return n.category == grantTypeFilter; } } const nodeTypeFilter = visSetting.filters.nodeTypes; const isNodeType = function(n){ return nodeTypeFilter.indexOf(n.type) >= 0; } const isValidGranByTime = function(n){ if (n.type != "Grant") return true; return n.start <= dtStartDateThreshold; } //set filter function let filterFuncImp = null; if (visSetting.filters.filterAction == "nodeTypes") filterFuncImp = isNodeType; else if (visSetting.filters.filterAction == "grantType") filterFuncImp = isGrantType; const nodeFilter = function(nodes, filterFunc){ let left = []; let removed = [] for(let i =0;i= 0){ leftNodes.push(filteredNodes[i]); if (filteredNodes[i].type == "Grant"){ totalAmount += filteredNodes[i].amount; nums["grant"] += 1; }else if(filteredNodes[i].type == "organisation"){ nums["org"] += 1; } } } jQuery('#messageBoard').html( "Total £:" + (totalAmount / 1000 / 1000).toFixed(2) + "m" + " #grants:" + nums["grant"] + " #org:" + nums["org"] ); const links = filteredLinks.map(d => Object.create(d)); const nodes = leftNodes.map(d => Object.create(d)); const simulation = d3.forceSimulation(nodes) .force("link", d3.forceLink(links).id(d => d.id)) .force("charge", d3.forceManyBody()) .force("center", d3.forceCenter(width / 2, height / 2)); const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]); const g = svg.append("g"); const link = g .attr("stroke", "#999") .attr("stroke-opacity", 0.6) .selectAll("line") .data(links) .join("line") // .attr("stroke-width", d => d.strength) // .attr("stroke-width", function (d) { // if (d.ref == "PI_PER") // return 1; // else // return 0.5; // }).attr("stroke", function (d) { // if (d.strength < 1) // return "green"; // }); const node = g // svg.append("g") // .attr("stroke", "#fff") // .attr("stroke-width", 1.5) .selectAll("g") .data(nodes) .join("g"); const circles = node.append("circle") .join("circle") .attr("r", function (d) { if (d.type == reflectAmountNode){ if (d.amount == 0) return visSetting.nodeSize; else return Math.log(d.amount); }else{ return visSetting.nodeSize; } }) .attr("fill", color) .call(drag(simulation)); node.append("text") .attr("y", 3) .attr("x", 6) .text(function(d){ if (visSetting.showNameNodeTypes.indexOf(d.type) >= 0) return d.name; else return ""; }) .style("font-size", `${visSetting.fontSize}px`) .style("font-family", "Verdana, sans-serif"); node.append("title") .text(function(d) { let r = d.name if (d.type == "Grant"){ const dt = new Date(d.start); r += " started at " + dt.getFullYear(); } return r; }); // display the legend const legend_g = svg.selectAll(".legend") .data(nodeTypes) .enter().append("g") .attr("transform", (d, i) => `translate(${width - 160},${i * 20 + 10})`); legend_g.append("circle") .attr("cx", 0) .attr("cy", 0) .attr("r", visSetting.nodeSize) .attr("fill", styColor); legend_g.append("text") .attr("x", 10) .attr("y", 5) .style("font-size", `16px`) .style("font-family", "Verdana") .text(d => d); simulation.on("tick", () => { link .attr("x1", d => d.source.x) .attr("y1", d => d.source.y) .attr("x2", d => d.target.x) .attr("y2", d => d.target.y); // node // .attr("cx", d => d.x) // .attr("cy", d => d.y); node .attr("transform", function(d) { return "translate(" + d.x + "," + d.y + ")"; }) }); invalidation.then(() => simulation.stop()); svg.call(d3.zoom() .extent([[0, 0], [width / 2, height / 2]]) .scaleExtent([.1, 8]) .on("zoom", zoomed)); function zoomed({transform}) { g.attr("transform", transform); } return svg.node(); }32:T1790,chart202006 = { const width = visSetting.width; const height = visSetting.height; let dtStartDateThreshold = 1472684400000; //dateRange; // 2016/09/01 1472684400000 // 2017/09/01 1504220400000 // 2021/10/01 1635634800000 console.log(dtStartDateThreshold); const reflectAmountNode = visSetting.reflectAmountNode; const linkFilter = function(links, removedNodes){ let filtered = []; let leftNodeIds = []; for(let i =0;i= 0 || removedNodes.indexOf(links[i].target) >= 0){ continue; }else{ filtered.push(links[i]); leftNodeIds.push(links[i].source); leftNodeIds.push(links[i].target); } } return [filtered, leftNodeIds]; } // define filter functions const grantTypeFilter = visSetting.filters.grantType; console.log(visSetting.filters.filterAction, grantTypeFilter) const isGrantType = function(n) { if (n.type != "Grant") return true; else{ console.log(n.category); return n.category == grantTypeFilter; } } const nodeTypeFilter = visSetting.filters.nodeTypes; const isNodeType = function(n){ return nodeTypeFilter.indexOf(n.type) >= 0; } const isValidGranByTime = function(n){ if (n.type != "Grant") return true; return n.start <= dtStartDateThreshold; } //set filter function let filterFuncImp = null; if (visSetting.filters.filterAction == "nodeTypes") filterFuncImp = isNodeType; else if (visSetting.filters.filterAction == "grantType") filterFuncImp = isGrantType; const nodeFilter = function(nodes, filterFunc){ let left = []; let removed = [] for(let i =0;i= 0){ leftNodes.push(filteredNodes[i]); if (filteredNodes[i].type == "Grant"){ totalAmount += filteredNodes[i].amount; nums["grant"] += 1; }else if(filteredNodes[i].type == "organisation"){ nums["org"] += 1; } } } jQuery('#messageBoard').html( "Total £:" + (totalAmount / 1000 / 1000).toFixed(2) + "m" + " #grants:" + nums["grant"] + " #org:" + nums["org"] ); const links = filteredLinks.map(d => Object.create(d)); const nodes = leftNodes.map(d => Object.create(d)); const simulation = d3.forceSimulation(nodes) .force("link", d3.forceLink(links).id(d => d.id)) .force("charge", d3.forceManyBody()) .force("center", d3.forceCenter(width / 2, height / 2)); const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]); const g = svg.append("g"); const link = g .attr("stroke", "#999") .attr("stroke-opacity", 0.6) .selectAll("line") .data(links) .join("line") // .attr("stroke-width", d => d.strength) // .attr("stroke-width", function (d) { // if (d.ref == "PI_PER") // return 1; // else // return 0.5; // }).attr("stroke", function (d) { // if (d.strength < 1) // return "green"; // }); const node = g // svg.append("g") // .attr("stroke", "#fff") // .attr("stroke-width", 1.5) .selectAll("g") .data(nodes) .join("g"); const circles = node.append("circle") .join("circle") .attr("r", function (d) { if (d.type == reflectAmountNode){ if (d.amount == 0) return visSetting.nodeSize; else return Math.log(d.amount); }else{ return visSetting.nodeSize; } }) .attr("fill", color) .call(drag(simulation)); node.append("text") .attr("y", 3) .attr("x", 6) .text(function(d){ if (visSetting.showNameNodeTypes.indexOf(d.type) >= 0) return d.name; else return ""; }) .style("font-size", `${visSetting.fontSize}px`) .style("font-family", "Verdana, sans-serif"); node.append("title") .text(function(d) { let r = d.name if (d.type == "Grant"){ const dt = new Date(d.start); r += " started at " + dt.getFullYear(); } return r; }); // display the legend const legend_g = svg.selectAll(".legend") .data(nodeTypes) .enter().append("g") .attr("transform", (d, i) => `translate(${width - 160},${i * 20 + 10})`); legend_g.append("circle") .attr("cx", 0) .attr("cy", 0) .attr("r", visSetting.nodeSize) .attr("fill", styColor); legend_g.append("text") .attr("x", 10) .attr("y", 5) .style("font-size", `${visSetting.fontSize}px`) .style("font-family", "Times New Roman") .text(d => d); simulation.on("tick", () => { link .attr("x1", d => d.source.x) .attr("y1", d => d.source.y) .attr("x2", d => d.target.x) .attr("y2", d => d.target.y); // node // .attr("cx", d => d.x) // .attr("cy", d => d.y); node .attr("transform", function(d) { return "translate(" + d.x + "," + d.y + ")"; }) }); invalidation.then(() => simulation.stop()); svg.call(d3.zoom() .extent([[0, 0], [width / 2, height / 2]]) .scaleExtent([.1, 8]) .on("zoom", zoomed)); function zoomed({transform}) { g.attr("transform", transform); } return svg.node(); }33:[{"id":"0163e4997471c6fb8813af1a3c30899d95ab4664c2fc3f77b7dfeafc593ba96c74eb24073803cbcdbce7500957031f701ce45ad396219f1926efd58526a3f8e2","href":"https://static.observableusercontent.com/files/0163e4997471c6fb8813af1a3c30899d95ab4664c2fc3f77b7dfeafc593ba96c74eb24073803cbcdbce7500957031f701ce45ad396219f1926efd58526a3f8e2","name":"vis_grant_graph_2022@2.json","type":"application/json","lastModified":1669895362348.127,"size":109632}] 2f:{"id":"a4bbf04f06895fda","slug":null,"title":"UK Clinical NLP Landscaping Analysis","thumbnail":"0062098948d52e3f318f967c06314170d24d980366bec43e22adc29c5c3e50e4","access_level":"public","create_time":"$D2022-12-01T11:49:22.348Z","update_time":"$D2022-12-01T13:37:56.991Z","view_time":null,"first_public_time":"$D2022-12-01T11:49:22.348Z","has_unpublished_edits":null,"fork":true,"stars":1,"starred":false,"owner":{"type":"team","id":"acd8a3f13b4890d4","login":"honghan","name":"Honghan Wu","avatar_url":"https://avatars-next.observableusercontent.com/e6c23a774c81ec646873f652d878ba09e02ae2f2c48986a79f0a20e65340d31b","tier":"starter_2024"},"version":546,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"626e582587f7e383","login":"honghan","name":"Honghan Wu","avatar_url":"https://avatars-next.observableusercontent.com/e6c23a774c81ec646873f652d878ba09e02ae2f2c48986a79f0a20e65340d31b","tier":null}],"members":[{"type":"individual","id":"626e582587f7e383","login":"honghan","name":"Honghan Wu","avatar_url":"https://avatars-next.observableusercontent.com/e6c23a774c81ec646873f652d878ba09e02ae2f2c48986a79f0a20e65340d31b","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"UK Clinical NLP Landscaping Analysis","cells":[{"id":0,"value":"# UK Clinical NLP Landscaping Analysis\n- using grants as the source data","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":95,"value":"visSetting = {\n return {\n filters:{\n filterAction: \"grantType\", // grantType, noteTypes\n nodeTypes: [\n \"Grant\", \"funder\", \"organisation\", \n \"person\"\n ],\n grantType: \"Studentship\", // Studentship, Fellowship\n },\n reflectAmountNode: \"organisation\",\n showNameNodeTypes: [\"\"], // [\"funder\", \"organisation\"],\n nodeSize: 6,\n fontSize: 12,\n width: 900,\n height: 600\n }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":232,"value":"### Grant Startdate Filtering","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":153,"value":"viewof dateRange = Inputs.range([new Date(2007, 1, 1), Date.now()], \n {format: function(x){\n const dt = new Date(x);\n // textLabel = dt.toLocaleString('en-GB', { timeZone: 'UTC' });\n return dt.getFullYear();\n }})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":271,"value":"messageInstant = {\n const messageContainer = html`

`;\n messageContainer.style.width = `100%`;\n messageContainer.style.height = `60px`;\n messageContainer.style.fontSize = \"120%\";\n yield messageContainer;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":399,"value":"data = FileAttachment(\"vis_grant_graph_2022@2.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":36,"value":"nodeTypes = {\n return [\"Grant\", \"organisation\", \"person\", \"funder\"];\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":45,"value":"styColor = {\n const scale = d3.scaleOrdinal(d3.schemeCategory10);\n return d => d3.schemeCategory10[nodeTypes.indexOf(d)];\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":35,"value":"color = {\n return function(d){\n let keys = Object.keys(nodeTypes);\n let idx = -1;\n for(let i=0; i< keys.length;i++){\n if (nodeTypes[keys[i]].indexOf(d.type)>=0){\n idx = i;\n break;\n }\n idx = i;\n }\n return d3.schemeCategory10[idx];\n };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"drag = simulation => {\n \n function dragstarted(event) {\n if (!event.active) simulation.alphaTarget(0.3).restart();\n event.subject.fx = event.subject.x;\n event.subject.fy = event.subject.y;\n }\n \n function dragged(event) {\n event.subject.fx = event.x;\n event.subject.fy = event.y;\n }\n \n function dragended(event) {\n if (!event.active) simulation.alphaTarget(0);\n event.subject.fx = null;\n event.subject.fy = null;\n }\n \n return d3.drag()\n .on(\"start\", dragstarted)\n .on(\"drag\", dragged)\n .on(\"end\", dragended);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"// data = FileAttachment(\"microsoft://vis_grant_graph.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":228,"value":"## Visualisation settings\n- `filterAction` sets how to filter nodes or grant types. Two options:\n - `nodeTypes` to show only nodes with given types (use the list defined in `nodeTypes`);\n - `grantType` to show grants of certain categories (use `grantType` attribute).\n- `reflectAmountNode` sets which node type to scale its size according to the cumulative grant amounts.\n- `showNameNodeTypes` defines which types of nodes will have a text label display beside its node","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":281,"value":"jQuery = require(\"jquery\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":438,"value":"$32","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1","titling":"auto"}} 30:"$2f:body"