2b:null 2c:["$","title",null,{"children":"PC1 Microbes Networks by region | SHUFANFAN's Wonderland | Observable"}] 31:T4fc,chart1 = { const links = data1.links.map(d => Object.create(d)); const nodes = data1.nodes.map(d => Object.create(d)); const simulation = d3.forceSimulation(nodes) .force("link", d3.forceLink(links).id(d => d.id)) .force("charge", d3.forceManyBody().strength(d => -10*d.weight)) .force("center", d3.forceCenter(width / 2, height / 2)); const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]); const link = svg.append("g") .attr("stroke", "#999") .selectAll("line") .data(links) .join("line") .attr("stroke-opacity", opacity) .attr("stroke-width", d => Math.sqrt(d.value)); const node = svg.append("g") .attr("stroke", "#fff") .attr("stroke-width", .5) .selectAll("circle") .data(nodes) .join("circle") .attr("r", size) .attr("fill", color) .call(drag(simulation)); node.append("title") .text(d => 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); }); invalidation.then(() => simulation.stop()); return svg.node(); }32:T4fc,chart2 = { const links = data2.links.map(d => Object.create(d)); const nodes = data2.nodes.map(d => Object.create(d)); const simulation = d3.forceSimulation(nodes) .force("link", d3.forceLink(links).id(d => d.id)) .force("charge", d3.forceManyBody().strength(d => -10*d.weight)) .force("center", d3.forceCenter(width / 2, height / 2)); const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]); const link = svg.append("g") .attr("stroke", "#999") .selectAll("line") .data(links) .join("line") .attr("stroke-opacity", opacity) .attr("stroke-width", d => Math.sqrt(d.value)); const node = svg.append("g") .attr("stroke", "#fff") .attr("stroke-width", .5) .selectAll("circle") .data(nodes) .join("circle") .attr("r", size) .attr("fill", color) .call(drag(simulation)); node.append("title") .text(d => 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); }); invalidation.then(() => simulation.stop()); return svg.node(); }33:T4fc,chart3 = { const links = data3.links.map(d => Object.create(d)); const nodes = data3.nodes.map(d => Object.create(d)); const simulation = d3.forceSimulation(nodes) .force("link", d3.forceLink(links).id(d => d.id)) .force("charge", d3.forceManyBody().strength(d => -10*d.weight)) .force("center", d3.forceCenter(width / 2, height / 2)); const svg = d3.create("svg") .attr("viewBox", [0, 0, width, height]); const link = svg.append("g") .attr("stroke", "#999") .selectAll("line") .data(links) .join("line") .attr("stroke-opacity", opacity) .attr("stroke-width", d => Math.sqrt(d.value)); const node = svg.append("g") .attr("stroke", "#fff") .attr("stroke-width", .5) .selectAll("circle") .data(nodes) .join("circle") .attr("r", size) .attr("fill", color) .call(drag(simulation)); node.append("title") .text(d => 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); }); invalidation.then(() => simulation.stop()); return svg.node(); }34:T6bf,function swatches({ color, columns = null, format = x => x, swatchSize = 15, swatchWidth = swatchSize, swatchHeight = swatchSize, marginLeft = 0 }) { const id = DOM.uid().id; function entity(character) { return `&#${character.charCodeAt(0).toString()};`; } if (columns !== null) return html`

${color.domain().map(value => { const label = format(value); return html`

${document.createTextNode(label)}

`; })}

`; return html`

${color.domain().map(value => html`${document.createTextNode(format(value))}`)}

`; }35:[{"id":"1e917e6a4136a44736e204975577034aa0bc90ddfe3b8348c9a0d884db35d86f9927798a83fd7ce4c74d9ac41bfc886c3a4b963e306f4bbc662315f1e1f81f68","href":"https://static.observableusercontent.com/files/1e917e6a4136a44736e204975577034aa0bc90ddfe3b8348c9a0d884db35d86f9927798a83fd7ce4c74d9ac41bfc886c3a4b963e306f4bbc662315f1e1f81f68","name":"north_PC1GBAC_network_numbered_groups.json","type":"application/json","lastModified":1742938953781.47,"size":2705},{"id":"8d7c36e94f38f92ea9013dddf2ddfa39151e9afd6dfc504aeb2383b5444196a3a8959517f345bb6a275c8187a16f1db08c3e0b83a92441e3275b5a93ecbc7228","href":"https://static.observableusercontent.com/files/8d7c36e94f38f92ea9013dddf2ddfa39151e9afd6dfc504aeb2383b5444196a3a8959517f345bb6a275c8187a16f1db08c3e0b83a92441e3275b5a93ecbc7228","name":"middle_PC1GBAC_network_numbered_groups.json","type":"application/json","lastModified":1742939003872.93,"size":2715},{"id":"6de693317ff4e44a4b4c1b7ea780e904df83221da50c4fab2768b2fccf84122f790d44772933ace2aabdfc1a24400a194b8e35d45f1bb1f17696df0d86ad8eb6","href":"https://static.observableusercontent.com/files/6de693317ff4e44a4b4c1b7ea780e904df83221da50c4fab2768b2fccf84122f790d44772933ace2aabdfc1a24400a194b8e35d45f1bb1f17696df0d86ad8eb6","name":"south_PC1GBAC_network_numbered_groups.json","type":"application/json","lastModified":1742939056725.405,"size":2704}] 2f:{"id":"6106a03bf6d22b12","slug":null,"title":"PC1 Microbes Networks by region","thumbnail":"2ee612de494e18766272dc85202c4b361f45b62f72553b40849a67191edd462b","access_level":"public","create_time":"$D2025-03-25T21:23:48.646Z","update_time":"$D2025-03-26T00:55:09.004Z","view_time":null,"first_public_time":"$D2025-03-25T22:05:18.739Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"1ad99fb155196e53","login":"shufanfans-wonderland","name":"SHUFANFAN's Wonderland","avatar_url":"https://avatars-next.observableusercontent.com/17f5ed3e20c171843fb00c257befd5e673b26865608efcf85db98be7174cb621","tier":"starter_2024","bio":""},"version":104,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"a66d9c6f7c527559","login":"shufan-chai","name":"Shufan Chai","avatar_url":"https://avatars-next.observableusercontent.com/c9b39c358d361b518562d961d655caa1a16cee2580758c0c44efaf089197ceda","tier":null,"bio":"Thou art more lovely and more temperate."}],"members":[{"type":"individual","id":"a66d9c6f7c527559","login":"shufan-chai","name":"Shufan Chai","avatar_url":"https://avatars-next.observableusercontent.com/c9b39c358d361b518562d961d655caa1a16cee2580758c0c44efaf089197ceda","tier":null,"role":"editor"},{"type":"team","id":"1ad99fb155196e53","login":"shufanfans-wonderland","name":"SHUFANFAN's Wonderland","avatar_url":"https://avatars-next.observableusercontent.com/17f5ed3e20c171843fb00c257befd5e673b26865608efcf85db98be7174cb621","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"9f8e9481b335483c","slug":"microbial-taxa-network","title":"Microbial Taxa Analysis","owner":{"id":"1ad99fb155196e53","login":"shufanfans-wonderland","name":"SHUFANFAN's Wonderland"}},"type":"notebook","body":{"titling":"auto","title":"PC1 Microbes Networks by region","cells":[{"id":0,"value":"# PC1 Microbes Networks by region\n\nThis is the network of the top 5 microbes identified through principal component analysis. Circles are sized according to the frequency of each microbe across samples, and colored by different microbes. Edges become thicker and darker with increasing frequency of co-occurrence.\n\nTop five microbes identified through principal component analysis:\n* g_Methanosaeta\n* g_Methanoregula\n* g_Sh765B-TzT-35\n* c_BD2-11_terrestrial_group\n* f_Methanomassiliicoccaceae\n\nIn this visualization, I added add g_Bacteroides into the network.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":65,"value":"## northern region","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":53,"value":"swatches({\n color: d3.scaleOrdinal([\"g_Methanosaeta\", \"g_Methanoregula\", \"g_Sh765B-TzT-35\", \"c_BD2-11_terrestrial_group\",\"f_Methanomassiliicoccaceae\", \"g_Bacteroides\"], colors)\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":63,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":70,"value":"## middle region","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":79,"value":"swatches({\n color: d3.scaleOrdinal([\"g_Methanosaeta\", \"g_Methanoregula\", \"g_Sh765B-TzT-35\", \"c_BD2-11_terrestrial_group\",\"f_Methanomassiliicoccaceae\", \"g_Bacteroides\"], colors)\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":72,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":82,"value":"## southern region","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":86,"value":"swatches({\n color: d3.scaleOrdinal([\"g_Methanosaeta\", \"g_Methanoregula\", \"g_Sh765B-TzT-35\", \"c_BD2-11_terrestrial_group\",\"f_Methanomassiliicoccaceae\", \"g_Bacteroides\"], colors)\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":89,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":48,"value":"data3 = FileAttachment(\"south_PC1GBAC_network_numbered_groups.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":42,"value":"data2 = FileAttachment(\"middle_PC1GBAC_network_numbered_groups.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":40,"value":"data1 = FileAttachment(\"north_PC1GBAC_network_numbered_groups.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"height = 300","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":34,"value":"color = {\n const scale = d3.scaleOrdinal(colors);\n return d => scale(d.group);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":31,"value":"colors = [\"#264653\", \"#2a9d8f\", \"#e9c46a\", \"#f4a261\", \"#a8dadc\",\"#e76f51\"]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"size = {\n const scale = d3.scaleSqrt()\n .domain([1, 456])\n .range([5, 25]);\n return d => scale(d.weight);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"opacity = {\n const scale = d3.scaleSqrt()\n .domain([1, 200])\n .range([.2, .6]);\n return d => scale(d.value);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"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","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"d3 = require(\"d3@6\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W35","stdlib":"1"}} 30:"$2f:body"