29:null 2a:["$","title",null,{"children":"Biographical Influences | thainenorris | Observable"}] 2f:T952,chart = { const root = tree(bilink(d3.hierarchy(data) .sort((a, b) => d3.ascending(a.height, b.height) || d3.ascending(a.data.name, b.data.name)))); const svg = d3.create("svg") .attr("viewBox", [-width / 2, -width / 2, width, width]); const node = svg.append("g") .attr("font-family", "sans-serif") .attr("font-size", 6) .selectAll("g") .data(root.leaves()) .join("g") .attr("transform", d => `rotate(${d.x * 180 / Math.PI - 90}) translate(${d.y},0)`) .append("text") .attr("dy", "0.31em") .attr("x", d => d.x < Math.PI ? 6 : -6) .attr("text-anchor", d => d.x < Math.PI ? "start" : "end") .attr("transform", d => d.x >= Math.PI ? "rotate(180)" : null) .text(d => d.data.name) .each(function(d) { d.text = this; }) .on("mouseover", overed) .on("mouseout", outed) .on("click", clicked) .call(text => text.append("title").text(d => `${id(d)} ${d.outgoing.length} influenced by ${d.incoming.length} has affected`)); const link = svg.append("g") .attr("stroke", colornone) .attr("fill", "none") .selectAll("path") .data(root.leaves().flatMap(leaf => leaf.outgoing)) .join("path") .style("mix-blend-mode", "multiply") .attr("d", ([i, o]) => line(i.path(o))) .each(function(d) { d.path = this; }); function overed(event, d) { link.style("mix-blend-mode", null); d3.select(this).attr("font-weight", "bold"); d3.selectAll(d.incoming.map(d => d.path)).attr("stroke", colorin).raise(); d3.selectAll(d.incoming.map(([d]) => d.text)).attr("fill", colorin).attr("font-weight", "bold"); d3.selectAll(d.outgoing.map(d => d.path)).attr("stroke", colorout).raise(); d3.selectAll(d.outgoing.map(([, d]) => d.text)).attr("fill", colorout).attr("font-weight", "bold"); } function outed(event, d) { link.style("mix-blend-mode", "multiply"); d3.select(this).attr("font-weight", null); d3.selectAll(d.incoming.map(d => d.path)).attr("stroke", null); d3.selectAll(d.incoming.map(([d]) => d.text)).attr("fill", null).attr("font-weight", null); d3.selectAll(d.outgoing.map(d => d.path)).attr("stroke", null); d3.selectAll(d.outgoing.map(([, d]) => d.text)).attr("fill", null).attr("font-weight", null); } function clicked(event, d) { mutable clickedData = d; } return svg.node(); }30:T43a,viewof selectedSubject = { const arIncoming = clickedData.incoming; const incomingList = []; arIncoming.forEach(function(obj) { incomingList.push(html`

`); }); const element = html`

${clickedData.data.shortname}

People to whom ${clickedData.data.shortname} referred:

${getShortName(name)}

People who referred to ${clickedData.data.shortname}:

${incomingList} ` return element }; 31:[{"id":"50c51d3ba9eb6c57d5ba99446c771e259a44fe8bce180d1be1838aac0fa10a58aec96e60da4ac3fec026c3ea84012913f5fdb17cc813ec9f7e76a10d5bbc564e","href":"https://static.observableusercontent.com/files/50c51d3ba9eb6c57d5ba99446c771e259a44fe8bce180d1be1838aac0fa10a58aec96e60da4ac3fec026c3ea84012913f5fdb17cc813ec9f7e76a10d5bbc564e","name":"graph@2.json","type":"application/json","lastModified":1611679709269.982,"size":201984},{"id":"5768b6359ab74f4c52cd84eb1421f3f5dcd88ba7f7d69cf57efbc99d8bf17750a6dc8a3f0324dfbbce06bd8fd2fda6e4c848d179317aa3e0fd773bc6196a18da","href":"https://static.observableusercontent.com/files/5768b6359ab74f4c52cd84eb1421f3f5dcd88ba7f7d69cf57efbc99d8bf17750a6dc8a3f0324dfbbce06bd8fd2fda6e4c848d179317aa3e0fd773bc6196a18da","name":"flare@2.json","type":"application/json","lastModified":1611522893289.138,"size":176189}] 2d:{"id":"7916423b6137ea64","slug":"hierarchical-edge-bundling","title":"Biographical Influences","thumbnail":"dd21e46de551bf6a1703c4abd66d6bba53e394e099c5e0b48f65865d471f3c9b","access_level":"public","create_time":"$D2021-01-24T21:12:03.947Z","update_time":"$D2021-04-11T02:12:06.330Z","view_time":null,"first_public_time":"$D2021-01-24T22:18:54.609Z","has_unpublished_edits":null,"fork":{"id":"22ac214fe83d7053","slug":"hierarchical-edge-bundling","title":"Hierarchical edge bundling","owner":{"id":"863951e3ebe4c0ae","login":"d3","name":"D3"}},"stars":0,"starred":false,"owner":{"type":"team","id":"a6fa841218567ccb","login":"thainenorris","name":"","avatar_url":"https://avatars-next.observableusercontent.com/308b5a40a203ffd9f2fdb08e0894b71f841e16ddbf023fea5071ae8e4bd0cf12","tier":"starter_2024"},"version":643,"publish_version":643,"role":null,"authored":false,"authors":[{"type":"individual","id":"ad384b08ff212275","login":"thainenorris","name":"","avatar_url":"https://avatars-next.observableusercontent.com/308b5a40a203ffd9f2fdb08e0894b71f841e16ddbf023fea5071ae8e4bd0cf12","tier":null}],"members":[{"type":"individual","id":"ad384b08ff212275","login":"thainenorris","name":"","avatar_url":"https://avatars-next.observableusercontent.com/308b5a40a203ffd9f2fdb08e0894b71f841e16ddbf023fea5071ae8e4bd0cf12","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"Biographical Influences","cells":[{"id":1,"value":"md`# Biographical Influences\n\nThis Hierarchical Edge Bundling chart shows influences within a small collection of missionary and Christian biographies. If a person's name occurs in a biography, he/she is considered an influence on the subject of that biography. Hover a name to reveal the people that person has been influenced by and the others that person has affected.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"$2f","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":450,"value":"mutable clickedData = undefined;","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":455,"value":"$30","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":578,"value":"function getShortName(strName) {\n let strShortName = strName.replace('graph.Biography.', '');\n strShortName = strShortName.replace('graph.EvangelistBiography.', '');\n strShortName = strShortName.replace('graph.MissionaryBiography.', '');\n return strShortName;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":583,"value":"function getSubjectID(strName) {\n let nSubjectID = 0;\n let objFound = data.children[0].children.find(obj => obj.name === strName);\n if (objFound === undefined)\n {\n objFound = data.children[1].children.find(obj => obj.name === strName);\n if (objFound === undefined)\n {\n objFound = data.children[2].children.find(obj => obj.name === strName);\n if (objFound === undefined)\n nSubjectID = 0;\n else\n nSubjectID = objFound.personID;\n }\n else\n nSubjectID = objFound.personID;\n }\n else\n nSubjectID = objFound.personID;\n return nSubjectID;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3,"value":"data = hierarchy(await FileAttachment(\"graph@2.json\").json())","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":253,"value":"function hierarchy(data, delimiter = \".\") {\n let root;\n const map = new Map;\n data.forEach(function find(data) {\n const {name} = data;\n if (map.has(name)) return map.get(name);\n const i = name.lastIndexOf(delimiter);\n map.set(name, data);\n if (i >= 0) {\n find({name: name.substring(0, i), children: []}).children.push(data);\n data.name = name.substring(i + 1);\n } else {\n root = data;\n }\n return data;\n });\n return root;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":280,"value":"function bilink(root) {\n const map = new Map(root.leaves().map(d => [id(d), d]));\n for (const d of root.leaves()) d.incoming = [], d.outgoing = d.data.imports.map(i => [d, map.get(i)]);\n for (const d of root.leaves()) for (const o of d.outgoing) o[1].incoming.push(o);\n return root;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":180,"value":"function id(node) {\n return `${node.parent ? id(node.parent) + \".\" : \"\"}${node.data.name}`;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":332,"value":"colorin = \"#00f\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":334,"value":"colorout = \"#f00\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":336,"value":"colornone = \"#eee\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":99,"value":"width = 954","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":101,"value":"radius = width / 2","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":157,"value":"line = d3.lineRadial()\n .curve(d3.curveBundle.beta(0.85))\n .radius(d => d.y)\n .angle(d => d.x)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":104,"value":"tree = d3.cluster()\n .size([2 * Math.PI, radius - 100])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"d3 = require(\"d3@6\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W31","stdlib":"1","titling":"auto"}} 2e:"$2d:body"