2b:null 2c:["$","title",null,{"children":"Systematic Lit Review Analysiis | Zeya Chen | Observable"}] 31:T469,viewof citationColorLegend = html`

Color Code by Node Type
A: Traditional Donation Paper B: Visualization Paper C: Personal Data Donation Paper Shared External Paper (cited by ≥2 internal papers) Other External Paper

`; 32:T1288,viewof chart = { const width = 900, height = 600; const svg = d3.select(DOM.svg(width, height)) .attr("viewBox", [0, 0, width, height]) .call(d3.zoom().on("zoom", (event) => { g.attr("transform", event.transform); })); const data = await FileAttachment("citation_relationships@1.csv").csv(); //Build citing paper set (Set A/B/C) const citingPapers = new Set(data.map(d => d.citing_id)); const citationCounts = {}; const citedInfo = {}; data.forEach(d => { citationCounts[d.cited_id] = (citationCounts[d.cited_id] || 0) + 1; citedInfo[d.cited_id] = { title: d.cited_title, authors: d.cited_authors, year: d.cited_year }; }); // Count unique internal paper citations per cited paper const citedByInternal = {}; data.forEach(d => { if (!citingPapers.has(d.cited_id)) { if (!citedByInternal[d.cited_id]) { citedByInternal[d.cited_id] = new Set(); } citedByInternal[d.cited_id].add(d.citing_id); } }); // Mark external papers cited by ≥2 internal papers const sharedExternal = new Set( Object.entries(citedByInternal) .filter(([, s]) => s.size >= 2) .map(([id]) => id) ); const nodeMap = new Map(); data.forEach(d => { if (!nodeMap.has(d.citing_id)) { nodeMap.set(d.citing_id, { id: d.citing_id, set: d.source_set, count: citationCounts[d.citing_id] || 0 }); } if (!nodeMap.has(d.cited_id)) { nodeMap.set(d.cited_id, { id: d.cited_id, set: citingPapers.has(d.cited_id) ? "A" : "external", count: citationCounts[d.cited_id] || 0, ...citedInfo[d.cited_id] }); } }); const nodes = Array.from(nodeMap.values()); const links = data.map(d => ({source: d.citing_id, target: d.cited_id})); const color = d3.scaleOrdinal() .domain(["A", "B", "C", "external"]) .range(d3.schemeCategory10); const size = d3.scaleSqrt() .domain([1, d3.max(nodes, d => d.count)]) .range([4, 16]); const simulation = d3.forceSimulation(nodes) .force("link", d3.forceLink(links).id(d => d.id).distance(60)) .force("charge", d3.forceManyBody().strength(-80)) .force("center", d3.forceCenter(width / 2, height / 2)); const g = svg.append("g"); const link = g.append("g") .attr("stroke", "#999") .attr("stroke-opacity", 0.4) .selectAll("line") .data(links) .join("line"); const node = g.append("g") .attr("stroke", "#fff") .attr("stroke-width", 1.5) .selectAll("circle") .data(nodes) .join("circle") .attr("r", d => size(d.count)) .attr("fill", d => { if (sharedExternal.has(d.id)) return "#984ea3"; // Purple for shared external return color(d.set); // A/B/C or default for other external }) .on("mouseover", function (event, d) { tooltip.style("display", "block") .html(`ID: ${d.id}
Set: ${d.set}
Citations: ${d.count}
Title: ${d.title || "N/A"}
Authors: ${d.authors || "N/A"}
Year: ${d.year || "N/A"}`); }) .on("mousemove", function (event) { tooltip.style("left", (event.pageX + 10) + "px") .style("top", (event.pageY - 28) + "px"); }) .on("mouseout", function () { tooltip.style("display", "none"); }) let activeNodeId = null; node.on("click", (event, d) => { event.stopPropagation(); if (activeNodeId === d.id) { // Toggle OFF highlight mode node.attr("fill-opacity", 1); link.attr("stroke-opacity", 0.4); activeNodeId = null; } else { // Toggle ON const connected = new Set(links.filter(l => l.source.id === d.id || l.target.id === d.id) .flatMap(l => [l.source.id, l.target.id])); node.attr("fill-opacity", n => connected.has(n.id) ? 1 : 0.1); link.attr("stroke-opacity", l => l.source.id === d.id || l.target.id === d.id ? 0.8 : 0.05); activeNodeId = d.id; } }); 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); }); // Tooltip const tooltip = d3.select("body").append("div") .attr("class", "tooltip") .style("position", "absolute") .style("text-align", "left") .style("padding", "6px") .style("font", "12px sans-serif") .style("background", "#fff") .style("border", "1px solid #ccc") .style("border-radius", "4px") .style("pointer-events", "none") .style("display", "none"); return svg.node(); } 33:T6f8,viewof tsnePlot = { const data = await FileAttachment("internal_tsne_conceptual_map.csv").csv(); const width = 900, height = 600, margin = 30; const svg = d3.create("svg").attr("viewBox", [0, 0, width, height]); const x = d3.scaleLinear(d3.extent(data, d => +d.x), [margin, width - margin]); const y = d3.scaleLinear(d3.extent(data, d => +d.y), [height - margin, margin]); const tooltip = d3.select("body").append("div") .style("position", "absolute") .style("background", "#fff") .style("padding", "6px") .style("border", "1px solid #ccc") .style("border-radius", "4px") .style("font", "12px sans-serif") .style("pointer-events", "none") .style("display", "none"); // Draw convex hulls for sets A, B, C ["A", "B", "C"].forEach(set => { const pts = data.filter(d => d.set_label.includes(set)).map(d => [x(+d.x), y(+d.y)]); const path = drawHull(pts); if (path) { svg.append("path") .attr("d", path) .attr("fill", color(set)) .attr("opacity", 0.1) .attr("stroke", color(set)) .attr("stroke-width", 1.5); } }); // Plot dots svg.selectAll("circle") .data(data) .join("circle") .attr("cx", d => x(+d.x)) .attr("cy", d => y(+d.y)) .attr("r", 4) .attr("fill", d => color(d.set_label)) .attr("opacity", 0.8) .on("mouseover", (event, d) => { tooltip.html(`${d.title}
${d.authors}
Year: ${d.year}
Set: ${d.set_label}`) .style("display", "block"); }) .on("mousemove", event => { tooltip.style("left", (event.pageX + 10) + "px") .style("top", (event.pageY - 28) + "px"); }) .on("mouseout", () => tooltip.style("display", "none")); return svg.node(); } 34:[{"id":"f72d154b9f295ca5929f695bbce49d33c8393deeea9a461e9401211c759d3852b45d12a7f2c32795e74b67a92ff41a98ce57881880fd498dd75729e44a4b2796","href":"https://static.observableusercontent.com/files/f72d154b9f295ca5929f695bbce49d33c8393deeea9a461e9401211c759d3852b45d12a7f2c32795e74b67a92ff41a98ce57881880fd498dd75729e44a4b2796","name":"citation_relationships@1.csv","type":"text/csv","lastModified":1746398317434.266,"size":884599},{"id":"e3c98c536d8a4dc5f1ee13ea8c4699d954e56f5fef9683c76253ac5010f9b66d378e30b4645d77aaecc0884d62f5de3f4bd292eb9e952aa7f9dc9cbc398af0e3","href":"https://static.observableusercontent.com/files/e3c98c536d8a4dc5f1ee13ea8c4699d954e56f5fef9683c76253ac5010f9b66d378e30b4645d77aaecc0884d62f5de3f4bd292eb9e952aa7f9dc9cbc398af0e3","name":"internal_tsne_conceptual_map.csv","type":"text/csv","lastModified":1746404930039.465,"size":20885}] 2f:{"id":"78d9d670692706cf","slug":null,"title":"Systematic Lit Review Analysiis","thumbnail":"383e6499632b7f67921fc0c0b5fc7d72d8c957b6a80bc9eb8375d384031f210c","access_level":"public","create_time":"$D2025-05-04T22:13:52.743Z","update_time":"$D2025-05-05T00:56:25.136Z","view_time":null,"first_public_time":"$D2025-05-05T02:51:24.446Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"03d23c51e6d5f9e6","login":"08dfc3a842de1ba9","name":"Zeya Chen","avatar_url":"https://avatars-next.observableusercontent.com/2350dd359026c7772f8b7ccf99ea2a15fae2b0f8bc34819452ad2763ac8b034f","tier":"starter_2024"},"version":122,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"08dfc3a842de1ba9","login":"08dfc3a842de1ba9","name":"Zeya Chen","avatar_url":"https://avatars-next.observableusercontent.com/2350dd359026c7772f8b7ccf99ea2a15fae2b0f8bc34819452ad2763ac8b034f","tier":null}],"members":[{"type":"team","id":"03d23c51e6d5f9e6","login":"08dfc3a842de1ba9","name":"Zeya Chen","avatar_url":"https://avatars-next.observableusercontent.com/2350dd359026c7772f8b7ccf99ea2a15fae2b0f8bc34819452ad2763ac8b034f","tier":"starter_2024","role":"editor"},{"type":"individual","id":"08dfc3a842de1ba9","login":"08dfc3a842de1ba9","name":"Zeya Chen","avatar_url":"https://avatars-next.observableusercontent.com/2350dd359026c7772f8b7ccf99ea2a15fae2b0f8bc34819452ad2763ac8b034f","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Systematic Lit Review Analysiis","cells":[{"id":0,"value":"# Systematic Lit Review Analysiis","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":59,"value":"Citation Network Map","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":17,"value":"d3 = require(\"d3@7\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":112,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":117,"value":"viewof citationInterpretationPanel = html`

\n How to Read the Citation Network

\n

Node color indicates paper membership: A/B/C/internal or external
Node size reflects citation count (number of times a paper is cited)
Lines (edges) represent citation relationships (who cites whom)
Purple nodes are shared external papers — cited by multiple internal papers (possible foundational work)
Click on a node to highlight all its direct citation connections

\n Use this network to explore intellectual foundations, identify influential cited works, and detect shared references across domains.\n

`;\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":61,"value":"t-SNE Scatterplot","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":84,"value":"color = d3.scaleOrdinal()\n .domain([\"A\", \"B\", \"C\", \"AB\", \"AC\", \"BC\", \"ABC\", \"external\"])\n .range([\"#1f77b4\", \"#ff7f0e\", \"#2ca02c\", \"#9467bd\", \"#8c564b\", \"#e377c2\", \"#7f7f7f\", \"#d9d9d9\"]);\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":86,"value":"drawHull = (points) => {\n const hull = d3.polygonHull(points);\n return hull ? d3.line()(hull) + \"Z\" : null;\n}\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":97,"value":"viewof colorLegend = html`

\n Color Code by Set Membership
\n \n A: Traditional Donation\n \n \n B: Visualization for Decisions\n \n \n C: Personal Data Donation\n \n

\n How to Read This t-SNE Map

\n

Dense clusters → Strong thematic cohesion (papers citing similar works)
Isolated points → Methodological or conceptual outliers
Overlap zones → Possible interdisciplinary overlap
Sparse spaces between clusters → Potential conceptual gaps or unexplored intersections

\n Use this structure to identify opportunities for integration or to argue where the literature diverges across framing and donation domains.\n