2e:null 2f:["$","title",null,{"children":"Korrespondenz aller erwähnten Personen | lheinzmann | Observable"}] 34:Td4c,chart = { const links = data.links.map(d => Object.create(d)); const nodes = data.nodes.map(d => Object.create(d)); //const nodes = data.nodes.map((d, index) => Object.create(d, { id: { value: index } })); const simulation = d3.forceSimulation(nodes) .force("link", d3.forceLink(links).id(d => d.id)) .force("charge", d3.forceManyBody().strength(-190)) // Wenn der Graph vollständig zusammenhängend ist //.force("center", d3.forceCenter(width / 2, height / 2)); // Wenn der Graph nicht vollständig zusammenhängend ist, ist das besser: .force("x", d3.forceX().strength(0.67)) .force("y", d3.forceY().strength(0.67)) .force("collide", d3.forceCollide().radius(d => d.degree < 7 ? 0 : (radius(d.degree) + radius(d.degree)))); const svg = d3.create("svg") //.attr("viewBox", [50, 50, width, height]) .attr("viewBox", [-width / 1.97, -height / 2, width, height]) .style("font", "13px sans-serif"); const link = svg.append("g") .attr("stroke", "#666") .attr("stroke-opacity", 0.15) .selectAll("line") .data(links) .join("line") .attr("stroke-width", d => Math.sqrt(d.value)); const node = svg.append("g") .attr("stroke", "#fff") .attr("stroke-width", 1.5) .selectAll("circle") .data(nodes) .join("circle") .attr("r", d => radius(d.degree)) .attr("fill", d => color(d.degree)) .call(drag(simulation)); node .on("mouseover", (d) => { link.style('stroke', l => (d === l.source || d === l.target) ? "#ff0000" : "#666") link.style('stroke-width', l => (d === l.source || d === l.target) ? 2 : 1) }) .on("mouseout", (d) => { link.style("stroke", "#666") link.style("stroke-width", 1) }); /*svg.append("defs").append("marker") .attr("id", "arrow") .attr("viewBox", "0 -5 10 10") .attr("refX", 20) .attr("refY", 0) .attr("opacity", 0.2) .attr("markerWidth", 8) .attr("markerHeight", 8) .attr("orient", "auto") .append("svg:path") .attr("d", "M0,-5L10,0L0,5");*/ var texts = svg.selectAll(".texts") .data(nodes) .enter() //.filter( d => (d.value >= d3.max(data.nodes, d => d.value)*(1-0.5)) ) .filter( d => (d.degree >= 10) ) .append("text") .attr("font-family", "sans-serif") .attr("text-anchor", "middle") //.attr("y", "3em") .attr("dy", -15) .attr("font-size", "1.2em", numScenes) .text( d => d.labelShort ) node.append("title") .text(d => `${d.label} (${d.degree} Erwähnungen)`); /*const text = svg.append("g").attr("class", "labels").selectAll("g") .data(nodes) .enter().append("g"); text.append("text") .attr("x", 14) .attr("y", ".31em") .attr("opacity", 0.2) .attr("pointer-events", "none") .style("font-family", "sans-serif") .style("font-size", "0.7em") .text(function(d) { return d.name; })*/ 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); texts .attr("x", d => d.x) .attr("y", d => d.y); }); invalidation.then(() => simulation.stop()); return svg.node(); }35:Tdb8,chart4 = { const links = data.links.filter(l => countsByNodeId.get(l.source) > 3 && countsByNodeId.get(l.target) > 3).map(d => Object.create(d)); const nodes = data.nodes.filter(d => d.degree > 3).map(d => Object.create(d)); //const nodes = data.nodes.map((d, index) => Object.create(d, { id: { value: index } })); const simulation = d3.forceSimulation(nodes) .force("link", d3.forceLink(links).id(d => d.id)) .force("charge", d3.forceManyBody().strength(-450)) // Wenn der Graph vollständig zusammenhängend ist //.force("center", d3.forceCenter(width / 2, height / 2)); // Wenn der Graph nicht vollständig zusammenhängend ist, ist das besser: .force("x", d3.forceX().strength(0.33)) .force("y", d3.forceY().strength(0.33)) .force("collide", d3.forceCollide().radius(d => d.degree < 7 ? 0 : (radius(d.degree) + radius(d.degree)))); const svg = d3.create("svg") //.attr("viewBox", [50, 50, width, height]); .attr("viewBox", [-width / 2, -height / 2.1, width, height]) .style("font", "13px sans-serif"); const link = svg.append("g") .attr("stroke", "#666") .attr("stroke-opacity", 0.2) .selectAll("line") .data(links) .join("line") .attr("stroke-width", d => Math.sqrt(d.value)); const node = svg.append("g") .attr("stroke", "#fff") .attr("stroke-width", 1.5) .selectAll("circle") .data(nodes) .join("circle") .attr("r", d => radius(d.degree)) .attr("fill", d => color(d.degree)) .call(drag(simulation)); node .on("mouseover", (d) => { link.style('stroke', l => (d === l.source || d === l.target) ? "#ff0000" : "#666") link.style('stroke-width', l => (d === l.source || d === l.target) ? 2 : 1) }) .on("mouseout", (d) => { link.style("stroke", "#666") link.style("stroke-width", 1) }); /*svg.append("defs").append("marker") .attr("id", "arrow") .attr("viewBox", "0 -5 10 10") .attr("refX", 20) .attr("refY", 0) .attr("opacity", 0.2) .attr("markerWidth", 8) .attr("markerHeight", 8) .attr("orient", "auto") .append("svg:path") .attr("d", "M0,-5L10,0L0,5");*/ var texts = svg.selectAll(".texts") .data(nodes) .enter() //.filter( d => (d.value >= d3.max(data.nodes, d => d.value)*(1-0.5)) ) .filter( d => (d.degree >= 10) ) .append("text") .attr("font-family", "sans-serif") .attr("text-anchor", "middle") //.attr("y", "3em") .attr("dy", -15) .attr("font-size", "1.2em", numScenes) .text( d => d.labelShort ) node.append("title") .text(d => `${d.label} (${d.degree} Erwähnungen)`); /*const text = svg.append("g").attr("class", "labels").selectAll("g") .data(nodes) .enter().append("g"); text.append("text") .attr("x", 14) .attr("y", ".31em") .attr("opacity", 0.2) .attr("pointer-events", "none") .style("font-family", "sans-serif") .style("font-size", "0.7em") .text(function(d) { return d.name; })*/ 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); texts .attr("x", d => d.x) .attr("y", d => d.y); }); invalidation.then(() => simulation.stop()); return svg.node(); }36:T1272,// Copyright 2021, Observable Inc. // Released under the ISC license. // https://observablehq.com/@d3/color-legend function Legend(color, { title, tickSize = 6, width = 320, height = 44 + tickSize, marginTop = 18, marginRight = 0, marginBottom = 16 + tickSize, marginLeft = 0, fontSize = "10px sans-serif", ticks = width / 64, tickFormat, tickValues } = {}) { function ramp(color, n = 256) { const canvas = document.createElement("canvas"); canvas.width = n; canvas.height = 1; const context = canvas.getContext("2d"); for (let i = 0; i < n; ++i) { context.fillStyle = color(i / (n - 1)); context.fillRect(i, 0, 1, 1); } return canvas; } const svg = d3.create("svg") .attr("width", width) .attr("height", height) .style("font-size", fontSize) .attr("viewBox", [0, 0, width, height]) .style("overflow", "visible") .style("display", "block"); let tickAdjust = g => g.selectAll(".tick line").attr("y1", marginTop + marginBottom - height); let x; // Continuous if (color.interpolate) { const n = Math.min(color.domain().length, color.range().length); x = color.copy().rangeRound(d3.quantize(d3.interpolate(marginLeft, width - marginRight), n)); svg.append("image") .attr("x", marginLeft) .attr("y", marginTop) .attr("width", width - marginLeft - marginRight) .attr("height", height - marginTop - marginBottom) .attr("preserveAspectRatio", "none") .attr("xlink:href", ramp(color.copy().domain(d3.quantize(d3.interpolate(0, 1), n))).toDataURL()); } // Sequential else if (color.interpolator) { x = Object.assign(color.copy() .interpolator(d3.interpolateRound(marginLeft, width - marginRight)), {range() { return [marginLeft, width - marginRight]; }}); svg.append("image") .attr("x", marginLeft) .attr("y", marginTop) .attr("width", width - marginLeft - marginRight) .attr("height", height - marginTop - marginBottom) .attr("preserveAspectRatio", "none") .attr("xlink:href", ramp(color.interpolator()).toDataURL()); // scaleSequentialQuantile doesn’t implement ticks or tickFormat. if (!x.ticks) { if (tickValues === undefined) { const n = Math.round(ticks + 1); tickValues = d3.range(n).map(i => d3.quantile(color.domain(), i / (n - 1))); } if (typeof tickFormat !== "function") { tickFormat = d3.format(tickFormat === undefined ? ",f" : tickFormat); } } } // Threshold else if (color.invertExtent) { const thresholds = color.thresholds ? color.thresholds() // scaleQuantize : color.quantiles ? color.quantiles() // scaleQuantile : color.domain(); // scaleThreshold const thresholdFormat = tickFormat === undefined ? d => d : typeof tickFormat === "string" ? d3.format(tickFormat) : tickFormat; x = d3.scaleLinear() .domain([-1, color.range().length - 1]) .rangeRound([marginLeft, width - marginRight]); svg.append("g") .selectAll("rect") .data(color.range()) .join("rect") .attr("x", (d, i) => x(i - 1)) .attr("y", marginTop) .attr("width", (d, i) => x(i) - x(i - 1)) .attr("height", height - marginTop - marginBottom) .attr("fill", d => d); tickValues = d3.range(thresholds.length); tickFormat = i => thresholdFormat(thresholds[i], i); } // Ordinal else { x = d3.scaleBand() .domain(color.domain()) .rangeRound([marginLeft, width - marginRight]); svg.append("g") .selectAll("rect") .data(color.domain()) .join("rect") .attr("x", x) .attr("y", marginTop) .attr("width", Math.max(0, x.bandwidth() - 1)) .attr("height", height - marginTop - marginBottom) .attr("fill", color); tickAdjust = () => {}; } svg.append("g") .style("font", fontSize) .attr("transform", `translate(0,${height - marginBottom})`) .call(d3.axisBottom(x) .ticks(ticks, typeof tickFormat === "string" ? tickFormat : undefined) .tickFormat(typeof tickFormat === "function" ? tickFormat : undefined) .tickSize(tickSize) .tickValues(tickValues)) .call(tickAdjust) .call(g => g.select(".domain").remove()) .call(g => g.append("text") .attr("x", marginLeft) .attr("y", marginTop + marginBottom - height - 6) .attr("fill", "currentColor") .attr("text-anchor", "start") .attr("font-weight", "bold") .attr("class", "title") .text(title)); return svg.node(); }37:[{"id":"5c362e56d051b550ba4e3dce71ff1bc97ecc7e2f002aa094252cc491bcf3a8eed48d5637da940dff36f5ef02bbd39c960a9d6732485e6c99f7696b7ed6f030f8","href":"https://static.observableusercontent.com/files/5c362e56d051b550ba4e3dce71ff1bc97ecc7e2f002aa094252cc491bcf3a8eed48d5637da940dff36f5ef02bbd39c960a9d6732485e6c99f7696b7ed6f030f8","name":"graph-correspondents_adapted@3.json","type":"application/json","lastModified":1650380384629.922,"size":455468},{"id":"7082e645cd1bb468eea8189b1ac8907d74661c553faccd6a55a418f2d70880a2b4bcd16a9fdc9c0883a118aa53be9479586bf6239e17500c2ffbefe3aa59c2de","href":"https://static.observableusercontent.com/files/7082e645cd1bb468eea8189b1ac8907d74661c553faccd6a55a418f2d70880a2b4bcd16a9fdc9c0883a118aa53be9479586bf6239e17500c2ffbefe3aa59c2de","name":"graph-correspondents_3@13.json","type":"application/json","lastModified":1649162966402.054,"size":172142},{"id":"b03f6ec80c56ae507df7c55369b66efa7d4b57bcedb32c11d027fcb1fe1f894aee7e9b2dbd2c9e3fd3ca0b9ee15bd244f12b6c4eaaa73d0c4512d14803e0c666","href":"https://static.observableusercontent.com/files/b03f6ec80c56ae507df7c55369b66efa7d4b57bcedb32c11d027fcb1fe1f894aee7e9b2dbd2c9e3fd3ca0b9ee15bd244f12b6c4eaaa73d0c4512d14803e0c666","name":"graph-correspondents_6@1.json","type":"application/json","lastModified":1649166090649.025,"size":83742},{"id":"a42901219c8014aec1db7dbe7a6a2a0276b08646ba49acaf2eca097931389b64a1d101ade08831d9bb3e1108b8712693911bd5a152648898edf6e83f37bac6d8","href":"https://static.observableusercontent.com/files/a42901219c8014aec1db7dbe7a6a2a0276b08646ba49acaf2eca097931389b64a1d101ade08831d9bb3e1108b8712693911bd5a152648898edf6e83f37bac6d8","name":"graph-correspondents_4@7.json","type":"application/json","lastModified":1649166081324.191,"size":121202},{"id":"4186762e3c38c289ed578aedad869c7dff93c57a1eefd4578288eeb28bb5a0149bdf73cf6b0fb83ee98f62c3bcb17195f51bd0b21ba7034b81d792fe417df062","href":"https://static.observableusercontent.com/files/4186762e3c38c289ed578aedad869c7dff93c57a1eefd4578288eeb28bb5a0149bdf73cf6b0fb83ee98f62c3bcb17195f51bd0b21ba7034b81d792fe417df062","name":"graph-correspondents_5@5.json","type":"application/json","lastModified":1649166070422.01,"size":101007},{"id":"30fc6c39729ddaacb968c281e36474e8b56865b0a0bc9b1f33f66d1f7b4350ce09617c3d118a6bc81750b48e2abf91bbd9b6e176fe470622cc688bf4cd9ad6b8","href":"https://static.observableusercontent.com/files/30fc6c39729ddaacb968c281e36474e8b56865b0a0bc9b1f33f66d1f7b4350ce09617c3d118a6bc81750b48e2abf91bbd9b6e176fe470622cc688bf4cd9ad6b8","name":"graph-correspondents_2@6.json","type":"application/json","lastModified":1649160996021.03,"size":249429},{"id":"07e9c144a2fca73a73a2559757d843d4f34b72ccc727d9b6b42b7b18805e0b77f83e920a19f51ef10a704124a30026c6041f2b9d791da0991c91cbb1fc73682c","href":"https://static.observableusercontent.com/files/07e9c144a2fca73a73a2559757d843d4f34b72ccc727d9b6b42b7b18805e0b77f83e920a19f51ef10a704124a30026c6041f2b9d791da0991c91cbb1fc73682c","name":"graph-correspondents_1@4.json","type":"application/json","lastModified":1649151909408.765,"size":438266},{"id":"70a10f0a19b30f83929ca7cea19287580852f21646531df2ecf3d6ec25954072103d95503342e65f6471a28bd5ca800c2ab105e0afbe7c28cb3a76495a3f225b","href":"https://static.observableusercontent.com/files/70a10f0a19b30f83929ca7cea19287580852f21646531df2ecf3d6ec25954072103d95503342e65f6471a28bd5ca800c2ab105e0afbe7c28cb3a76495a3f225b","name":"graph-correspondents_adapted@1.json","type":"application/json","lastModified":1650342253832.238,"size":455441},{"id":"be8a10ee78fb1c339550337fe784eeb5fac2b44147fcf2e1728709edb30045c250178679f2e1dd0a4230d94eed72d752a6a2ca35350f2018b7d5b2018db05163","href":"https://static.observableusercontent.com/files/be8a10ee78fb1c339550337fe784eeb5fac2b44147fcf2e1728709edb30045c250178679f2e1dd0a4230d94eed72d752a6a2ca35350f2018b7d5b2018db05163","name":"graph-correspondents_adapted_2.json","type":"application/json","lastModified":1650342194141.606,"size":225455},{"id":"b076397817b46ff0b217fbdce98bdda8a202468f849d1d066f04b0ded6858c5d31ce9a47732173d95996ce4e6f9487f7f6f10b0b99bd1310e03539769c64c254","href":"https://static.observableusercontent.com/files/b076397817b46ff0b217fbdce98bdda8a202468f849d1d066f04b0ded6858c5d31ce9a47732173d95996ce4e6f9487f7f6f10b0b99bd1310e03539769c64c254","name":"graph-correspondents_adapted_3@1.json","type":"application/json","lastModified":1650345850295.468,"size":98141},{"id":"805a44f94dcd3c2aa368b522850dad334bad175eb2ea9ba8adcfc0d9de21288b8b343c84b1fd7120162128731b1101fefd900d4fa49fe8c791014edd75efa3cf","href":"https://static.observableusercontent.com/files/805a44f94dcd3c2aa368b522850dad334bad175eb2ea9ba8adcfc0d9de21288b8b343c84b1fd7120162128731b1101fefd900d4fa49fe8c791014edd75efa3cf","name":"graph-correspondents_adapted_4.json","type":"application/json","lastModified":1650346307826.186,"size":76006},{"id":"55f18849e725134dc3f752b48a0b6834905079d5d8b6d72f2b38aa2a7e8f618060cadf1c58db069d07ebadf029554041144a3bdaba63cc951d008841fdf5166e","href":"https://static.observableusercontent.com/files/55f18849e725134dc3f752b48a0b6834905079d5d8b6d72f2b38aa2a7e8f618060cadf1c58db069d07ebadf029554041144a3bdaba63cc951d008841fdf5166e","name":"graph-correspondents_adapted_5.json","type":"application/json","lastModified":1650347018567.607,"size":52991},{"id":"ee4bb8f3c3985673619aa9c243b342f59829aaa1f24fa526514f9cd0319c8118ac2ce31eb188413f80a5bbf8daeba97678e17bb3143b2a9aff3a603c5f907a58","href":"https://static.observableusercontent.com/files/ee4bb8f3c3985673619aa9c243b342f59829aaa1f24fa526514f9cd0319c8118ac2ce31eb188413f80a5bbf8daeba97678e17bb3143b2a9aff3a603c5f907a58","name":"graph-correspondents_adapted@2.json","type":"application/json","lastModified":1650362631819.904,"size":455462}] 32:{"id":"e71cc6c15e7b40c4","slug":"waldegg_netz_erwaehnte_personen","title":"Korrespondenz aller erwähnten Personen","thumbnail":"0f6d72fcd0167f93d0737613a129fdd69ffe19d989eb06d3af4ee11a750813fc","access_level":"public","create_time":"$D2022-04-04T06:18:50.674Z","update_time":"$D2022-12-09T14:54:04.797Z","view_time":null,"first_public_time":"$D2022-12-05T15:03:59.299Z","has_unpublished_edits":null,"fork":true,"stars":0,"starred":false,"owner":{"type":"team","id":"1e29fb537b2f6a0a","login":"lheinzmann","name":"","avatar_url":"https://avatars-next.observableusercontent.com/9e070d23e41c70edcda6df7bc993b1b45dba2cd234552a9cc516b5295b1f2286","tier":"starter_2024"},"version":1773,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"573a546681bc1edd","login":"lheinzmann","name":"","avatar_url":"https://avatars-next.observableusercontent.com/9e070d23e41c70edcda6df7bc993b1b45dba2cd234552a9cc516b5295b1f2286","tier":null}],"members":[{"type":"individual","id":"d7411ac16b8e728a","login":"cforney","name":"","avatar_url":"https://avatars-next.observableusercontent.com/177357109c2acae753e0c5eaa6c9435a7035f070a95f0702737c01d464ba487a","tier":null,"role":"editor"},{"type":"individual","id":"573a546681bc1edd","login":"lheinzmann","name":"","avatar_url":"https://avatars-next.observableusercontent.com/9e070d23e41c70edcda6df7bc993b1b45dba2cd234552a9cc516b5295b1f2286","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"Korrespondenz aller erwähnten Personen","cells":[{"id":1,"value":"md`# Korrespondenz aller erwähnten Personen`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1533,"value":"md`#### Bemerkungen\n* Das Netzwerk selbst basiert auf den Korrespondenzverbindungen, welche bei den Personen erfasst sind. Die Knotengrösse stellt die Anzahl Erwähnungen im ausgewählten Sample dar. Bei den Korrespondenten wurde die Anzahl Briefe mit der Anzahl Erwähnungen addiert.`\n\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1456,"value":"html ` \n

Relations entre les acteurs mentionnées dans les correspondances selectionnées, 1744-1777

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1646,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1716,"value":"legend({\n color: color,\n title: \"2471 mentions de 888 acteurs, 1248 liens de correspondance\",\n labelFont: \"24px sans-serif\",\n fontSize: \"15px sans-serif\",\n width: 380\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1667,"value":"html ` \n

Personen Korrespondenzbeziehungen mit mehr als 3 Erwähnungen

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1458,"value":"legend({\n color: color,\n title: \"Knotengrad\",\n labelFont: \"24px sans-serif\",\n fontSize: \"15px sans-serif\",\n width: 380\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1464,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":381,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":326,"value":"md`## 3. Appendix`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":576,"value":"md`### 3.1 Visualisierungsgrundlagen`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":603,"value":"radius = d3.scaleSqrt([0, d3.max(data.nodes, d => d.degree)], [3, 10])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":600,"value":"color = d3.scaleSequentialSqrt(\n [0, d3.max(data.nodes, d => +d.degree)],\n d3.interpolateWarm\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":509,"value":"drag = simulation => {\n \n function dragstarted(d) {\n if (!d3.event.active) simulation.alphaTarget(0.3).restart();\n d.fx = d.x;\n d.fy = d.y;\n }\n \n function dragged(d) {\n d.fx = d3.event.x;\n d.fy = d3.event.y;\n }\n \n function dragended(d) {\n if (!d3.event.active) simulation.alphaTarget(0);\n d.fx = null;\n d.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":11,"value":"d3 = require(\"d3@^5.15.0\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":548,"value":"// data = FileAttachment(\"graph-correspondents_adapted@2.json\").json() // Datensatz für >0 Erwähnungen mit fehlenden Verbindungen\ndata = {\n const data = await FileAttachment(\"graph-correspondents_adapted@3.json\").json() \n data.nodes.forEach(d => countsByNodeId.set(d.id, +d.degree))\n return data;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1599,"value":"countsByNodeId = new Map()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":204,"value":"opacity = d3\n .scaleLinear()\n .domain(d3.extent(data.links, d => d.value))\n .range([0.1, 1])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":209,"value":"size = d3\n .scaleLinear()\n .domain(d3.extent(data.nodes, d => d.value))\n .range([4, 18])","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":502,"value":"numScenes = {\n //var width = d3.scaleQuantize()\n var width = d3.scaleLinear()\n //.domain([1, 190])\n .domain(d3.extent(data.nodes, d => d.value))\n //.range([10, 20, 30, 35, 40, 45])\n //.range([1, 5, 10])\n .range([5,20])\n return d => width(d.value);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":212,"value":"forceBoundary = require(\"d3-force-boundary\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":218,"value":"netClustering = require(\"netclustering\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":224,"value":"findOrAdd = (dNodes, n) => {\n if (!dNodes.has(n)) dNodes.set(n, { id: n, value: 0 });\n return dNodes.get(n);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":227,"value":"getKey = (a, b) => { if (a == '' || b == '') return \"ignore\";\n return `${a}~${b}`}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":341,"value":"height = 1100","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":619,"value":"//import { legend } from \"@d3/color-legend\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1307,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1310,"value":"function legend({color, ...options}) {\n return Legend(color, options);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":580,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":570,"value":"md`### 3.2 Visualisierungsvorlagen\n* [Social Network Analysis](https://observablehq.com/@jmoreno127/social-network-graphs)\n* [Director-movies Network Visualisation](https://observablehq.com/@varshithauppula96/director-movies-network-visualisation)\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W37","stdlib":"1","titling":"auto"}} 33:"$32:body"