2c:null 2d:["$","title",null,{"children":"Auswahlkorrespondenzen: Korrespondenz aller erwähnten Personen | lheinzmann | Observable"}] 32:Td91,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.7)) .force("y", d3.forceY().strength(0.7)) .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.1, -height / 2.3, width, height]) .style("font", "12px sans-serif") .style("background-color", "#fff"); const link = svg.append("g") .attr("stroke", "#666") .attr("stroke-opacity", 0.13) .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)) .attr("opacity", 0.85) .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 >= 15) ) .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(); }33:Tdd5,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(-500)) // 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.29)) .force("y", d3.forceY().strength(0.35)) .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)) .attr("opacity", 0.85) .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(); }34: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(); }35:[{"id":"5c362e56d051b550ba4e3dce71ff1bc97ecc7e2f002aa094252cc491bcf3a8eed48d5637da940dff36f5ef02bbd39c960a9d6732485e6c99f7696b7ed6f030f8","href":"https://static.observableusercontent.com/files/5c362e56d051b550ba4e3dce71ff1bc97ecc7e2f002aa094252cc491bcf3a8eed48d5637da940dff36f5ef02bbd39c960a9d6732485e6c99f7696b7ed6f030f8","name":"graph-correspondents_adapted@3.json","type":"application/json","lastModified":1673369570249.959,"size":455468},{"id":"3a53e42318a6f7c3e0cec968220109c79655fa47f67653c36bd68f1bd01f9734482fb13eee95e64a88afe0dd9a00bd4c93c781383b5c9e3da74346dfe6e1fdf0","href":"https://static.observableusercontent.com/files/3a53e42318a6f7c3e0cec968220109c79655fa47f67653c36bd68f1bd01f9734482fb13eee95e64a88afe0dd9a00bd4c93c781383b5c9e3da74346dfe6e1fdf0","name":"graph-correspondents@1.json","type":"application/json","lastModified":1673377958065.588,"size":391037},{"id":"021dc7e641633ffd0368e6635b42adbf7efcccd494a6e868e729a18783c6a1aecf5d5ab8a33ec7b8c20c332b8e0b334137931027c84c395b46b1296ff8fbaa53","href":"https://static.observableusercontent.com/files/021dc7e641633ffd0368e6635b42adbf7efcccd494a6e868e729a18783c6a1aecf5d5ab8a33ec7b8c20c332b8e0b334137931027c84c395b46b1296ff8fbaa53","name":"graph-correspondents_adapted@1.json","type":"application/json","lastModified":1674506651442.797,"size":391480},{"id":"651cec6075b2b5110736b9b037bdfcf74e74896c5886b87e9cbbc842518b8e811495e5bcd46429edcbba71fb584d950c03f20d92f2d282d41199595553d3e36d","href":"https://static.observableusercontent.com/files/651cec6075b2b5110736b9b037bdfcf74e74896c5886b87e9cbbc842518b8e811495e5bcd46429edcbba71fb584d950c03f20d92f2d282d41199595553d3e36d","name":"graph-correspondents_adapted.json","type":"application/json","lastModified":1673378294828.944,"size":391477},{"id":"7cbc85bdcd78a16a086d4cfb059fb5552cd34c054de27e9cbc1c5891c0c84c1dadd07d42750d66675feed2ab51207832a545613bc658b2a5e336c600f2dcf24f","href":"https://static.observableusercontent.com/files/7cbc85bdcd78a16a086d4cfb059fb5552cd34c054de27e9cbc1c5891c0c84c1dadd07d42750d66675feed2ab51207832a545613bc658b2a5e336c600f2dcf24f","name":"graph-correspondents.json","type":"application/xml","lastModified":1673377912465.63,"size":391075},{"id":"468c6c6af5b077f90517e2d7d21c461dfb06d5e9e113fe0d896a70c5cc6c4b12cd3927a18e2e3717dc1f71e6f393a618239214d35d2986684f0689777b10ce9b","href":"https://static.observableusercontent.com/files/468c6c6af5b077f90517e2d7d21c461dfb06d5e9e113fe0d896a70c5cc6c4b12cd3927a18e2e3717dc1f71e6f393a618239214d35d2986684f0689777b10ce9b","name":"graph-correspondents_adapted2.json","type":"application/json","lastModified":1674555816730.095,"size":391527},{"id":"461363ae44296a3fe950e917cb3f7e112c028130b7a4e82de4d6910f02e6d7058617bb3804c9254b1b211e75555fe09a2e29f5730d5727e17bc99b307f6d7552","href":"https://static.observableusercontent.com/files/461363ae44296a3fe950e917cb3f7e112c028130b7a4e82de4d6910f02e6d7058617bb3804c9254b1b211e75555fe09a2e29f5730d5727e17bc99b307f6d7552","name":"graph-correspondents_adapted@4.json","type":"application/json","lastModified":1674553310833.533,"size":391531},{"id":"c9bbc1521b709822176002e77945b553c85b44f07726b65e3d2f5bba2a1949f0d3257b79d84eab3385ed071d63c91c523014bb4049fa95878c0b21e524c35f0b","href":"https://static.observableusercontent.com/files/c9bbc1521b709822176002e77945b553c85b44f07726b65e3d2f5bba2a1949f0d3257b79d84eab3385ed071d63c91c523014bb4049fa95878c0b21e524c35f0b","name":"graph-correspondents_adapted@2.json","type":"application/json","lastModified":1674507567858.127,"size":391522},{"id":"834a375915e5641a7641eac53343e67a4333fb384db8735fb9810aa27d39630277275745cfa6160a9dbe50163f56a916a72e8691fdc84e750a943cae28781e16","href":"https://static.observableusercontent.com/files/834a375915e5641a7641eac53343e67a4333fb384db8735fb9810aa27d39630277275745cfa6160a9dbe50163f56a916a72e8691fdc84e750a943cae28781e16","name":"graph-correspondents_adapted@5.json","type":"application/json","lastModified":1674553587271.599,"size":391532},{"id":"60775dc43acef3b25bd34be16c7939ba9aa2cc00bb982837c173f20ada756a9740e48226538f6923dd4436c88cb30a5b6a856580eba1d01639c1c48999be9b7c","href":"https://static.observableusercontent.com/files/60775dc43acef3b25bd34be16c7939ba9aa2cc00bb982837c173f20ada756a9740e48226538f6923dd4436c88cb30a5b6a856580eba1d01639c1c48999be9b7c","name":"graph-correspondents_adapted2_mehrAls3Erwähnungen.json","type":"application/json","lastModified":1674671684511.66,"size":145585}] 30:{"id":"f3e762d7fce8ebb3","slug":null,"title":"Auswahlkorrespondenzen: Korrespondenz aller erwähnten Personen","thumbnail":"d23ae58fc3a042d0295d35984f9f7da8cfaafa57d2b186a2a5bddd1f380c9e00","access_level":"public","create_time":"$D2023-01-10T16:52:50.249Z","update_time":"$D2023-01-25T18:43:26.498Z","view_time":null,"first_public_time":"$D2023-01-10T16:52:50.249Z","has_unpublished_edits":null,"fork":{"id":"e71cc6c15e7b40c4","slug":"waldegg_netz_erwaehnte_personen","title":"Korrespondenz aller erwähnten Personen","owner":{"id":"1e29fb537b2f6a0a","login":"lheinzmann","name":""}},"stars":0,"starred":false,"owner":{"type":"team","id":"1e29fb537b2f6a0a","login":"lheinzmann","name":"","avatar_url":"https://avatars-next.observableusercontent.com/9e070d23e41c70edcda6df7bc993b1b45dba2cd234552a9cc516b5295b1f2286","tier":"starter_2024"},"version":1862,"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":"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":0,"collection":null,"type":"notebook","body":{"title":"Auswahlkorrespondenzen: Korrespondenz aller erwähnten Personen","cells":[{"id":1,"value":"md`# Auswahlkorrespondenzen: Korrespondenz aller erwähnten Personen`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1777,"value":"{\n const button = html`

Personen Korrespondenzbeziehungen mit mehr als 3 Erwähnungen