30:T89c,chart = { if (filteredNetwork.nodes.length === 0) return htl.html`Empty network`; return ForceGraph(filteredNetwork, { nodeId: (d) => d.index, nodeLabel: (d) => d.name, nodeGroup: (d) => d.cluster, height, width: width - 50, renderer, useSmartLabels: useSmartLabels, drawLinksWhenAlphaIs: 0.3, autoFit, useZoom: true, disjoint: true, collide: false, // useEdgeBundling: true, // extent: [ // [0, 0], // [width-10, 600] // ], extentForce: "forceTransport", // one of ["forceBoundary", "forceTransport", "forceExtent"] forceXStrength: 0.1, // only active if disjoint==true forceYStrength: 0.1, // only active if disjoint==true centeringStrength: 0.1, // only active if disjoint==false linkStrength: 0.1, extentStrength: 0.1, linkDistance: 1, nodeStrength: -100, // nodeStrength: ns(filteredNetwork.nodes.length), linkStroke: "#ddd", nodeStroke: (d) => (selectedAuthors.includes(d.name) ? "black" : "#eee"), linkStrokeWidth: (l) => w(l.value), useForceInABox, forceInABox: { template: forceInABoxTemplate }, nodeRadius: (d) => // selectedAuthors.length < 20 && selectedAuthors.includes(d.name) // ? maxR // : r(d.value), nodeLabel: (d) => (d.value > minValueForLabel ? d.name : ""), // nodeLabel: d => d.name, colors, smartLabels: { threshold: 2000, // showAnchors: false, labelsInCentroids: false, anchorsStroke: "#7ee2", alwaysShow: (n) => ((d) => selectedAuthors.includes(d.name) || d.value > 280)( dAuthorsId.get(n.id) ), font: (n) => ((d) => selectedAuthors.includes(d.name) || (selectedAuthors.length > 100 && d.value > 280) ? "bold 12pt serif" : "8pt serif")(dAuthorsId.get(n.id)), hoverFont: (n) => ((d) => selectedAuthors.includes(d.name) || d.value > 280 ? "bold 16pt serif" : "12pt serif")(dAuthorsId.get(n.id)) }, alphaTarget: 0, invalidation, // a promise to stop the simulation when the cell is re-run, _this: this }); }31:T678,chartTitle = { let title; let networkType = "network"; if (selectedAuthors.join(",") === khouryVisProfessors.join(",")) title = "Northeastern Vis Professors "; else if (selectedAuthors.length <= 2) { title = selectedAuthors.join(", ") + " "; } else { title = "Filtered "; } let filter; if (selectedAuthors.length > 0) { const authorsText = `${selectedAuthors.join(", ")}`; const clearButton = OnClickLink("clear", { onClick: clearFilteredAuthors }); const egoInput = Inputs.bind( htl.html``, viewof egoDistance ); filter = htl.html`Filtered by Authors related to ${authorsText} (${clearButton}),`; networkType = htl.html`${egoInput} ego-network`; // if (egoDistance) { // } } else { filter = "Authors"; } const networkTypeSelector = Inputs.bind( Inputs.select(networkTypes, { width: "max-content" }), viewof selectedNetwork ); networkTypeSelector.style.display = "inline-flex"; return md`# ${title}IEEE VIS ${networkTypeSelector} ${networkType} ${filter} with more than ${Inputs.bind( htl.html``, viewof minLinkValue )} ${selectedNetwork}s

Examples: 🕸️ ${OnClickLink("Most co-citing", { onClick: showMostCited })} 🕸️ ${OnClickLink("Most co-authorships", { onClick: showMostCoauthorship })} 🕸️ ${OnClickLink("Northeastern Vis Professors", { onClick: showKhouryVis })} 🕸️ ${OnClickLink("All", { onClick: clearFilteredAuthors })}
[Or filter by author](#selectedAuthors)

`; }32:T90e,function filterNetwork( network, { nodeId = (d) => d.id, byNodes = null, byLinks = null, edgelessNodes = false, // Should we allow nodes without edges? nodesMap, egoDistance = 1, egoPoint5 = true // find connections between filtered connections } = {} ) { nodesMap = nodesMap ? nodesMap : new Map(network.nodes.map((d, i, all) => [nodeId(d, i, all), d])); let res = { nodes: [...network.nodes], links: [...network.links] }; // function filterNodesFromLinks(res) { const ids = [...new Set(res.links.map((l) => [l.source, l.target]).flat())]; res.nodes = ids.map((id) => nodesMap.get(id)).filter((d) => d); // undefined when the node is not visible anymore; return res; } function filterLinksFromNodes({ nodes, links }, { filterBoth = true } = {}) { const ids = new Set(nodes.map(nodeId)); let filteredLinks = links; links = links .filter(({ source, target }) => filterBoth ? ids.has(source) && ids.has(target) : ids.has(source) || ids.has(target) ) .map((l) => ({ ...l })); return { nodes, links }; } // Filter nodes if (byNodes) { res.nodes = res.nodes.filter(byNodes).map((n) => ({ ...n })); } res = filterLinksFromNodes(res, { filterBoth: true }); // Then links if (byLinks) { res.links = res.links.filter(byLinks).map((l) => ({ ...l })); // console.log("Filter Links", res); // Remove edgeless nodes if (!edgelessNodes) { res = filterNodesFromLinks(res, { filterBoth: true }); } } if (egoPoint5) { // 0.5 res = filterLinksFromNodes( { nodes: res.nodes, links: network.links }, { filterBoth: true } ); res = filterNodesFromLinks(res, { filterBoth: true }); } for ( let currentDistance = 1; currentDistance < egoDistance; currentDistance += 1 ) { res = filterLinksFromNodes( { nodes: res.nodes, links: network.links }, { filterBoth: false } ); res = filterNodesFromLinks(res, { filterBoth: true }); if (egoPoint5) { // 0.5 res = filterLinksFromNodes( { nodes: res.nodes, links: network.links }, { filterBoth: true } ); res = filterNodesFromLinks(res, { filterBoth: true }); } } return res; }33:[{"id":"fe4ab6ce22f3b9542774447895e62013ca6b95cfbb03273d97e5d724bf9ae7f13ffcab0037eb3463b853eb72e2a465070d1254fdf1aa0abc112a055421f91e94","href":"https://static.observableusercontent.com/files/fe4ab6ce22f3b9542774447895e62013ca6b95cfbb03273d97e5d724bf9ae7f13ffcab0037eb3463b853eb72e2a465070d1254fdf1aa0abc112a055421f91e94","name":"IEEE VIS papers 1990-2024 - Main dataset.csv","type":"text/csv","lastModified":1742664341228.315,"size":7128715},{"id":"f6d84b555ce6fa47c478782a71d61848f99481a32e38a51d00b2a06c7ea13b9514438abed056ea35dc1632b30b8247f616cc7f98558dcf5f572f5fe9c2e11e6f","href":"https://static.observableusercontent.com/files/f6d84b555ce6fa47c478782a71d61848f99481a32e38a51d00b2a06c7ea13b9514438abed056ea35dc1632b30b8247f616cc7f98558dcf5f572f5fe9c2e11e6f","name":"citationsNetwork2024_full.json","type":"application/json","lastModified":1742664590181.269,"size":16003310},{"id":"2bb228eeb04cf51835bd6b671ca2dcea43848e16f1ea72576c2eb3c624f228ba14ef5041c6414616a0b4c1596f81b73b31814a1dc3c54589de936b2ae564f86b","href":"https://static.observableusercontent.com/files/2bb228eeb04cf51835bd6b671ca2dcea43848e16f1ea72576c2eb3c624f228ba14ef5041c6414616a0b4c1596f81b73b31814a1dc3c54589de936b2ae564f86b","name":"coauthorshipNetwork2024_full.json","type":"application/json","lastModified":1742664590093.043,"size":1048263},{"id":"6a825a6747e3514fe9bbda57fb4ac4685f1ae2413d6b63a62e2643b0e9c694a9ee26e613f889eead595b54fd13af01d5b78101a22edf310f0d4b8618bb554d9d","href":"https://static.observableusercontent.com/files/6a825a6747e3514fe9bbda57fb4ac4685f1ae2413d6b63a62e2643b0e9c694a9ee26e613f889eead595b54fd13af01d5b78101a22edf310f0d4b8618bb554d9d","name":"bsky.png","type":"image/png","lastModified":1742832663238.364,"size":2240},{"id":"005b03bcb50fffba5e10a48b43f0ab5d92cc167514505005a2a10cbfe4bdaea0da8f21f5cfe3782f1e587a007fdfec33467251a5eee53567fbf0edef709c6886","href":"https://static.observableusercontent.com/files/005b03bcb50fffba5e10a48b43f0ab5d92cc167514505005a2a10cbfe4bdaea0da8f21f5cfe3782f1e587a007fdfec33467251a5eee53567fbf0edef709c6886","name":"mastodon.png","type":"image/png","lastModified":1742832915197.191,"size":1114},{"id":"4d650c2622b791eae7df8c9bf80859e9c1a2d93569df941389f606ee63e58f7809b0103a39a3d368cb9606e5fce616e83eb228804da061ebff726575b76e5e96","href":"https://static.observableusercontent.com/files/4d650c2622b791eae7df8c9bf80859e9c1a2d93569df941389f606ee63e58f7809b0103a39a3d368cb9606e5fce616e83eb228804da061ebff726575b76e5e96","name":"coauthorshipNetwork2024_full_observable.json","type":"application/json","lastModified":1745165475466.573,"size":12819617},{"id":"aa9843b0467b35d836b93f8b39af8f227df8cbb882d7b3223876aa2daabaecf2c6655d94b8719599398bf254e4a268a7af8307cd65fca245d23c1f0107ef3490","href":"https://static.observableusercontent.com/files/aa9843b0467b35d836b93f8b39af8f227df8cbb882d7b3223876aa2daabaecf2c6655d94b8719599398bf254e4a268a7af8307cd65fca245d23c1f0107ef3490","name":"coauthorshipNetwork2024_full_observable@1.json","type":"application/json","lastModified":1745165830621.051,"size":3695277},{"id":"aa9843b0467b35d836b93f8b39af8f227df8cbb882d7b3223876aa2daabaecf2c6655d94b8719599398bf254e4a268a7af8307cd65fca245d23c1f0107ef3490","href":"https://static.observableusercontent.com/files/aa9843b0467b35d836b93f8b39af8f227df8cbb882d7b3223876aa2daabaecf2c6655d94b8719599398bf254e4a268a7af8307cd65fca245d23c1f0107ef3490","name":"coauthorshipNetwork2024_full_observable@2.json","type":"application/json","lastModified":1745245950478.763,"size":3695277},{"id":"bbda84e9c160866a4dba8d1cbe19fad6688e71a715e9e162bdbbbb5d8378f31bf76c5242de160307059bb84ebc42c835c12e6a5ea9b5527d1fa996bc576f4eba","href":"https://static.observableusercontent.com/files/bbda84e9c160866a4dba8d1cbe19fad6688e71a715e9e162bdbbbb5d8378f31bf76c5242de160307059bb84ebc42c835c12e6a5ea9b5527d1fa996bc576f4eba","name":"coauthorshipNetwork2024_full_observable_with_numbers.json","type":"application/json","lastModified":1745247753770.909,"size":3732422}] 2e:{"title":"IEEEVIS Co-Authorship/Citation Network","cells":[{"id":0,"value":"# IEEEVIS Co-Authorship/Citation Network\n\n👉🏼 **Please visit [https://johnguerra.co/viz/visPubNetwork/](https://johnguerra.co/viz/visPubNetwork/) for a better layout**\n\n${selectedNetwork} network using [IEEEVIS papers 1990-2024](https://vispubdata.org)\n\nHere showing the network for ${OnClickLink(\"the Northeastern University Vis Lab professors\", {onClick: showKhouryVis})}, but\nyou can\n${OnClickLink(\"remove author filters\", {onClick: clearFilteredAuthors})}, or [add your own](#selectedAuthors).\n\nConstructed using these [Reactive Widgets](https://reactivewidgets.org):\n\n- [My own force directed chart with many goodies](https://observablehq.com/@john-guerra/force-directed-graph)\n- [Searchable Checkboxes input](https://observablehq.com/@john-guerra/search-checkbox)\n- [multiAutoSelect input for selecting an ordered list of elements](https://observablehq.com/@john-guerra/multi-auto-select)\n- [persistInput input making the values part of the url](https://observablehq.com/@john-guerra/persist-input)\n","pinned":false,"hidden":false,"mode":"md"},{"id":12,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":1445,"value":"

\njohnguerra.co/viz/visPubNetwork
\nBuilt using *[ReactiveWidgets.org](https://reactivewidgets.org)* and the [IEEEVIS papers 1990-2024 vispubdata.org](vispubdata.org)
\nBy John Alexis Guerra Gómez 2025 under\nMIT License
\nComments? ${await\nFileAttachment(\"bsky.png\").image({height:\n12})}[johnguerra.bsky.social](https://bsky.app/profile/johnguerra.bsky.social)\n ${await\nFileAttachment(\"mastodon.png\").image({height:\n12})}[vis.social/@jguerra](https://vis.social/@jguerra)
\n🧑🏽‍💻 Source code: [Observable Notebook](https://observablehq.com/@john-guerra/ieeevis-network)\n| Older version\n

","pinned":false,"hidden":false,"mode":"md"},{"id":37,"value":"viewof selectedAuthors = PersistInput(\n \"authors\",\n multiAutoSelect([...dAuthorsName.keys()], {\n label: \"Filtered authors\",\n value: this?.value || khouryVisProfessors,\n height: 200\n })\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":178,"value":"viewof minLinkValue = PersistInput(\n \"minLinkValue\",\n Inputs.range([0, d3.max(network.links.map((l) => l.value))], {\n value: this?.value || 1,\n label: \"Min value for links\",\n step: 1\n })\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":748,"value":"viewof useForceInABox = Inputs.toggle({label: \"Separate clusters\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":191,"value":"viewof selectedNetwork = PersistInput(\n \"network\",\n Inputs.select(networkTypes, {\n label: \"Network\"\n })\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1168,"value":"viewof autoFit = Inputs.toggle({ label: \"Auto fit visualization\", value: true })","pinned":false,"hidden":false,"mode":"ojs"},{"id":900,"value":"viewof egoDistance = PersistInput(\"egoDistance\", Inputs.range([1, 7], {\n label: \"Ego Distance\",\n value: selectedAuthors.length === 0 ? 1 : this?.value || 1,\n step: 1,\n disabled: selectedAuthors.length === 0\n}))","pinned":false,"hidden":false,"mode":"ojs"},{"id":1062,"value":"viewof egoPoint5 = Inputs.toggle({\n label: \"Find connections between filtered connections (ego .5)\",\n value: true\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":101,"value":"viewof minValueForLabel = PersistInput(\n \"minValueForLabel\",\n Inputs.range([0, r.domain()[1]], {\n value: this?.value || 0,\n label: \"Min Value for label\",\n step: 1\n })\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":647,"value":"viewof selectedClustersObjs = searchCheckbox(clusters, {\n format: (d) =>\n htl.html`${\n d.split(\": \")[1]\n }`,\n value: clusters,\n label: \"Selected clusters\", \n debug: true\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":558,"value":"viewof renderer = Inputs.select([\"canvas\", \"svg\" ], {label: \"Renderer (svg has smartLabels)\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":376,"value":"viewof edgelessNodes = Inputs.toggle({label: \"Keep edgeless nodes\", value: false})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1325,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":431,"value":"viewof maxR = PersistInput(\n \"maxR\",\n Inputs.range([1, 50], {\n label: \"Max Radius\",\n step: 1,\n value: width/70\n })\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":567,"value":"viewof useSmartLabels = Inputs.toggle({\n label: \"Use Smart Labels\",\n value: true\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":955,"value":"viewof forceInABoxTemplate = Inputs.select([\"force\", \"treemap\"], {\n label: \"Grouping template\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1209,"value":"viewof showMatrix = Inputs.toggle({label: \"Show matrix\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1087,"value":"matrixChart = showMatrix ? vl\n .markCircle({ tooltip: true })\n .encode(\n vl\n .y()\n .fieldO(\"source.name\")\n .sort(vl.fieldO(\"source.cluster\"))\n .axis(null)\n .axis(filteredNetwork.nodes.length > 200 ? null : {}),\n vl\n .x()\n .fieldO(\"target.name\")\n .sort(vl.fieldO(\"source.cluster\"))\n .axis(filteredNetwork.nodes.length > 100 ? null : {}),\n vl.size().fieldQ(\"value\"),\n vl.color().fieldN(\"source.cluster\")\n )\n .data(\n filteredNetwork.links.map((l) => ({\n ...l,\n source: dAuthorsId.get(l.source),\n target: dAuthorsId.get(l.target)\n }))\n )\n .width(width - 200)\n .height(width - 200)\n .render() : htl.html`Please enable show matrix`","pinned":true,"hidden":false,"mode":"ojs"},{"id":1426,"value":"networkTypes = [\n \"Co-Authorship\",\n \"Citation\",\n \"Co-Authorship Computed\",\n]","pinned":true,"hidden":false,"mode":"ojs"},{"id":1290,"value":"function clearFilteredAuthors() {\n const evt = new Event(\"input\", { bubbles: true });\n viewof maxR.value = 10;\n viewof maxR.dispatchEvent(evt);\n viewof selectedAuthors.value = [];\n viewof selectedAuthors.dispatchEvent(evt);\n viewof minLinkValue.value = selectedNetwork === \"Citation\" ? 15 : 0;\n viewof minLinkValue.dispatchEvent(evt);\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":1300,"value":"function showKhouryVis() {\n const evt = new Event(\"input\", { bubbles: true });\n \n viewof selectedAuthors.value = khouryVisProfessors; \n viewof selectedAuthors.dispatchEvent(evt); \n viewof maxR.value = 20;\n viewof maxR.dispatchEvent(evt); \n viewof selectedNetwork.value = \"Co-Authorship\";\n viewof selectedNetwork.dispatchEvent(evt);\n viewof minLinkValue.value = 0;\n viewof minLinkValue.dispatchEvent(evt);\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":1541,"value":"function showMostCoauthorship() {\n viewof selectedAuthors.value = [];\n viewof selectedAuthors.dispatchEvent(new Event(\"input\"));\n viewof selectedNetwork.value = \"Co-Authorship\";\n viewof selectedNetwork.dispatchEvent(new Event(\"input\"));\n viewof minLinkValue.value = 10;\n viewof minLinkValue.dispatchEvent(new Event(\"input\"));\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":1564,"value":"function showMostCited() {\n viewof selectedAuthors.value = [];\n viewof selectedAuthors.dispatchEvent(new Event(\"input\"));\n viewof minLinkValue.value = 30;\n viewof minLinkValue.dispatchEvent(new Event(\"input\"));\n viewof selectedNetwork.value = \"Citation\";\n viewof selectedNetwork.dispatchEvent(new Event(\"input\"));\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":1826,"value":"selectedAuthors","pinned":true,"hidden":false,"mode":"ojs"},{"id":1304,"value":"khouryVisProfessors = [\n \"Enrico Bertini\",\n \"John Alexis Guerra Gómez\", \n \"Lace M. K. Padilla\",\n // \"Lace M. Padilla\",\n // \"Lace Padilla\",\n \"Cody Dunne\",\n \"Michelle A. Borkin\",\n // \"Michelle Borkin\",\n \"Michael Correll\",\n \"Melanie Tory\",\n \"Caglar Yildirim\",\n \"Yifan Hu\"\n]","pinned":true,"hidden":false,"mode":"ojs"},{"id":11,"value":"r = d3\n .scaleSqrt()\n .domain([0, d3.max(network.nodes.map((d) => d.value))])\n .range([1, maxR])","pinned":true,"hidden":false,"mode":"ojs"},{"id":185,"value":"w = d3\n .scaleLinear()\n .domain([0, d3.max(network.links.map((l) => l.value))])\n .range([0.1, 10])","pinned":true,"hidden":false,"mode":"ojs"},{"id":200,"value":"ns = d3\n .scaleLinear()\n .domain([0, network.nodes.length])\n .range([-70, -0.1])","pinned":true,"hidden":false,"mode":"ojs"},{"id":10,"value":"colors = d3.schemeCategory10.concat(d3.schemeAccent)\n// d3.quantize(d3.interpolateTurbo, dClusters.size)","pinned":true,"hidden":false,"mode":"ojs"},{"id":9,"value":"dClusters = d3.group(network.nodes, d=> d.cluster)","pinned":true,"hidden":false,"mode":"ojs"},{"id":30,"value":"dAuthorsName = d3.group(network.nodes, d=> d.name)","pinned":true,"hidden":false,"mode":"ojs"},{"id":58,"value":"dAuthorsId = new Map(network.nodes.map((d,i) => [d.index,d]))","pinned":true,"hidden":false,"mode":"ojs"},{"id":8,"value":"network = {\n switch (selectedNetwork) {\n case \"Citation\":\n return citationNetwork;\n case \"Co-Authorship Computed\":\n return networkComputed;\n default:\n return coAuthorshipNetwork;\n }\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":70,"value":"filteredNetwork = filterNetwork(network, {\n edgelessNodes,\n nodeId: (d) => d.index,\n nodesMap: dAuthorsId,\n egoDistance,\n egoPoint5,\n byNodes: (n) =>\n selectedClusters.length === 0 || selectedClusters.includes(\"\" + n.cluster),\n byLinks: (l) =>\n l.value >= minLinkValue &&\n (selectedAuthors.length === 0 ||\n selectedAuthors.includes(dAuthorsId.get(l.source).name) ||\n selectedAuthors.includes(dAuthorsId.get(l.target).name))\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":56,"value":"$32","pinned":true,"hidden":false,"mode":"ojs"},{"id":7,"value":"coAuthorshipNetwork = FileAttachment(\"coauthorshipNetwork2024_full_observable_with_numbers.json\")\n .json()\n .then((res) => {\n res.nodes.map((d) => (d.name = d.name.replace(/\\d/g, '').trim())); // there is a weird 001 in the data 🤷🏼\n return res;\n })","pinned":true,"hidden":false,"mode":"ojs"},{"id":157,"value":"citationNetwork = FileAttachment(\"citationsNetwork2024_full.json\")\n .json()\n .then((res) => {\n res.nodes.map((d) => (d.name = d.name.replace(/\\d/g, '').trim())); // there is a weird 001 in the data 🤷🏼\n return res;\n })","pinned":true,"hidden":false,"mode":"ojs"},{"id":6,"value":"viewof selectedPapers = navio(papers)\n// selectedPapers = papers","pinned":true,"hidden":false,"mode":"ojs"},{"id":438,"value":"papersRaw = selectedNetwork === \"Co-Authorship Computed\"\n ? allPapers\n : [{ id: 1 }]","pinned":true,"hidden":false,"mode":"ojs"},{"id":1990,"value":"viewof papers = dataInput({value: papersRaw}) ","pinned":true,"hidden":false,"mode":"ojs"},{"id":1992,"value":"import {dataInput} from \"@john-guerra/data-input\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":447,"value":"viewof unrollAttr = {\n const defaultUnrollAttrs = [\"AuthorNames-Deduped\", \"InternalReferences\"];\n const attrs = Object.keys(papers[0]);\n let attrsToSelect = defaultUnrollAttrs;\n let selected = defaultUnrollAttrs[0];\n\n if (!attrs.includes(defaultUnrollAttrs[0])) {\n attrsToSelect = attrs;\n }\n return Inputs.select(attrsToSelect, {\n label: \"Unroll papers by\",\n value: selected\n });\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":2008,"value":"viewof unrollSeparator = Inputs.select([\";\", \",\", \"\\t\"], {label: \"Unroll character\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":443,"value":"viewof papersUnrolled = aq.from(selectedPapers)\n .derive({name: aq.escape(d => op.split(d[unrollAttr], unrollSeparator))})\n .unroll(\"name\")\n .view()","pinned":true,"hidden":false,"mode":"ojs"},{"id":649,"value":"clusters = d3\n .groups(network.nodes, (d) => d.cluster)\n .sort((a, b) => d3.descending(a[1].length, b[1].length))\n .map((d) => `${d[0]}: ${d[1].map((d) => d.name).join(\", \")} `)","pinned":true,"hidden":false,"mode":"ojs"},{"id":671,"value":"selectedClusters = selectedClustersObjs.map(d => d.split(\": \")[0])","pinned":true,"hidden":false,"mode":"ojs"},{"id":454,"value":"networkComputed = {\n if (selectedNetwork !== \"Co-Authorship Computed\")\n return { nodes: [], links: [] };\n\n const network = tableToNetwork(papersUnrolled.objects(), {\n nodesBy: \"name\",\n matchBy: \"id\"\n });\n network.nodes.map((n) => {\n n.index = n.id;\n n.name = n.id;\n n.value = n.degree;\n n.cluster = 1;\n delete n.id;\n delete n.degree;\n });\n\n network.links.map((l) => {\n l.value = l.count;\n delete l.count;\n });\n return network;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":1656,"value":"## Clustering","pinned":false,"hidden":false,"mode":"md"},{"id":1642,"value":"viewof useClusters = Inputs.toggle({label: \"Enable clustering\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1624,"value":"networkComputedClustered = {\n if (!useClusters) return null;\n\n const generator = await clusterWorker({\n network: networkComputed,\n id: \"index\",\n debug: true\n });\n\n for await (let res of generator) {\n yield {\n nodes: res.nodes,\n links: res.links.map((l) => ({\n ...l,\n source: l.source.index,\n target: l.target.index\n }))\n };\n }\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":1242,"value":"allPapers = FileAttachment(\"IEEE VIS papers 1990-2024 - Main dataset.csv\")\n .csv({\n typed: true\n })\n .then((res) =>\n res.map((row) => {\n if (row[\"AuthorNames-Deduped\"]) {\n // row[\"AuthorNames-Deduped\"] = row[\"AuthorNames-Deduped\"].replaceAll(\n // \"JohnAlexis Guerra-Gómez\",\n // \"John Alexis Guerra Gómez\"\n // );\n row[\"AuthorNames-Deduped\"] = row[\"AuthorNames-Deduped\"].replaceAll( \n \"Michelle Borkin\",\n \"Michelle A. Borkin\",\n );\n }\n row.id = row.DOI;\n return row;\n })\n )","pinned":true,"hidden":false,"mode":"ojs"},{"id":1269,"value":"height = 600","pinned":true,"hidden":false,"mode":"ojs"},{"id":1690,"value":"import {clusterWorker} from \"@john-guerra/netclustering-js\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":1757,"value":"import {OnClickButton, OnClickLink} from \"@john-guerra/on-click-button\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":452,"value":"import {tableToNetwork} from \"@john-guerra/table-to-network\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":441,"value":"import {aq, op} from \"@uwdata/arquero\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":5,"value":"import {navio} from \"@john-guerra/navio\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":4,"value":"// import { ForceGraph } from \"@john-guerra/force-directed-graph\"\nForceGraph = {\n const netviz = await require( \"netviz\")\n return netviz.ForceGraph;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":34,"value":"import {searchCheckbox} from \"@john-guerra/search-checkbox\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":39,"value":"import {multiAutoSelect} from \"@john-guerra/multi-auto-select\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":429,"value":"import {PersistInput} from \"@john-guerra/persist-input\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":1083,"value":"import {vl} from \"@vega/vega-lite-api-v5\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":1633,"value":"netClustering = require(\"netclustering\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":1079,"value":"## TODO\n* Who is citing who?","pinned":false,"hidden":false,"mode":"md"}],"files":"$W33","stdlib":"1","titling":"auto"}