44:["$","title",null,{"children":"Det politiska landskapet | olahja | Observable"}] 4c:Ta26,chart = { const links = data.links.map(d => Object.create(d)); let nodes = data.nodes.map(d => Object.create(d)); // nodes = nodes.map(function(x) { // // if (x.id === "v") { // // x.fx = width/8 // // x.fy = height/2 // // } // return x // }) console.log(links) const simulation = d3.forceSimulation(nodes) .force("link", d3.forceLink(links).id(d => d.id).distance(d => dist/d.value)) .force("charge", d3.forceManyBody()) // .force("x", d3.forceX(width/2).strength(0.10)) // .force("y", d3.forceY(height/2).strength(0.10)) // .alpha(0.4) .velocityDecay(.5) // .alphaDecay(0.05) .force("center", d3.forceCenter(width / 2, height / 2)) .on("tick", ticked); const svg = d3.select(DOM.svg(width, height)); const party = { "-": "#d2dcdc", "v": "#911414", "s": "#e03141", "mp": "#82c782", "c": "#31a431", "fp": "#1e69aa", "m": "#7cbde0", "kd": "#00006d", "sd": "#ffc346", "fi": "#b2367e", "ovr": "#8c8c8c", } const link = svg.append("g") .attr("stroke", "#999") .attr("stroke-opacity", 0.6) .selectAll("line") .data(links) .enter().append("line") .attr("stroke-width", d => d.value*10); const node = svg.append("g") .attr("stroke", "#fff") .attr("stroke-width", 1.5) .selectAll("circle") .data(nodes) .enter().append("circle") .attr("r", radius) .attr("fill", d => party[d.id]) .call(drag(simulation)); const text = svg.append("g") .attr("stroke", "#fff") .attr("stroke-width", 1.5) .selectAll("text") .data(nodes) .enter().append("text") .text(d => d.id) .attr("text-anchor", "middle") .attr("alignment-baseline", "central") .attr("dominant-baseline", "central ") .attr("fill", d => party[d.id]) .call(drag(simulation)); node.append("title") .text(d => d.id); function ticked() { 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); // .attr("cx", d => d.id !== "v" ? d.x : width/2) // .attr("cy", d => d.id !== "v" ? d.y : height/2); text // .attr("x", d => d.id !== "v" ? d.x : width/2) // .attr("y", d => d.id !== "v" ? d.y : height/2); .attr("x", d => d.x) .attr("y", d => d.y) } return svg.node(); }4d:T3284,data = { let datas = { "v2010": {'nodes': [{'id': 'm'}, {'id': 'c'}, {'id': 'fp'}, {'id': 'kd'}, {'id': 's'}, {'id': 'v'}, {'id': 'mp'}, {'id': 'sd'}], 'links': [{'source': 'm', 'target': 'c', 'value': 3179}, {'source': 'm', 'target': 'fp', 'value': 3632}, {'source': 'm', 'target': 'kd', 'value': 2577}, {'source': 'm', 'target': 's', 'value': 473}, {'source': 'm', 'target': 'v', 'value': 141}, {'source': 'm', 'target': 'mp', 'value': 942}, {'source': 'm', 'target': 'sd', 'value': 314}, {'source': 'c', 'target': 'fp', 'value': 3034}, {'source': 'c', 'target': 'kd', 'value': 2354}, {'source': 'c', 'target': 's', 'value': 302}, {'source': 'c', 'target': 'v', 'value': 130}, {'source': 'c', 'target': 'mp', 'value': 733}, {'source': 'c', 'target': 'sd', 'value': 139}, {'source': 'fp', 'target': 'kd', 'value': 2496}, {'source': 'fp', 'target': 's', 'value': 440}, {'source': 'fp', 'target': 'v', 'value': 175}, {'source': 'fp', 'target': 'mp', 'value': 862}, {'source': 'fp', 'target': 'sd', 'value': 204}, {'source': 'kd', 'target': 's', 'value': 203}, {'source': 'kd', 'target': 'v', 'value': 101}, {'source': 'kd', 'target': 'mp', 'value': 446}, {'source': 'kd', 'target': 'sd', 'value': 112}, {'source': 's', 'target': 'v', 'value': 2289}, {'source': 's', 'target': 'mp', 'value': 2751}, {'source': 's', 'target': 'sd', 'value': 150}, {'source': 'v', 'target': 'mp', 'value': 2137}, {'source': 'v', 'target': 'sd', 'value': 80}, {'source': 'mp', 'target': 'sd', 'value': 110}]}, "v2010_norm": {'nodes': [{'id': 'm'}, {'id': 'c'}, {'id': 'fp'}, {'id': 'kd'}, {'id': 's'}, {'id': 'v'}, {'id': 'mp'}, {'id': 'sd'}], 'links': [{'source': 'm', 'target': 'c', 'value': 0.8752753303964758}, {'source': 'm', 'target': 'fp', 'value': 1.0}, {'source': 'm', 'target': 'kd', 'value': 0.7095264317180616}, {'source': 'm', 'target': 's', 'value': 0.13023127753303965}, {'source': 'm', 'target': 'v', 'value': 0.038821585903083704}, {'source': 'm', 'target': 'mp', 'value': 0.2593612334801762}, {'source': 'm', 'target': 'sd', 'value': 0.08645374449339208}, {'source': 'c', 'target': 'fp', 'value': 0.835352422907489}, {'source': 'c', 'target': 'kd', 'value': 0.6481277533039648}, {'source': 'c', 'target': 's', 'value': 0.08314977973568281}, {'source': 'c', 'target': 'v', 'value': 0.03579295154185022}, {'source': 'c', 'target': 'mp', 'value': 0.2018171806167401}, {'source': 'c', 'target': 'sd', 'value': 0.03827092511013216}, {'source': 'fp', 'target': 'kd', 'value': 0.6872246696035242}, {'source': 'fp', 'target': 's', 'value': 0.1211453744493392}, {'source': 'fp', 'target': 'v', 'value': 0.04818281938325991}, {'source': 'fp', 'target': 'mp', 'value': 0.23733480176211455}, {'source': 'fp', 'target': 'sd', 'value': 0.05616740088105727}, {'source': 'kd', 'target': 's', 'value': 0.055892070484581495}, {'source': 'kd', 'target': 'v', 'value': 0.027808370044052864}, {'source': 'kd', 'target': 'mp', 'value': 0.12279735682819383}, {'source': 'kd', 'target': 'sd', 'value': 0.030837004405286344}, {'source': 's', 'target': 'v', 'value': 0.6302312775330396}, {'source': 's', 'target': 'mp', 'value': 0.7574339207048458}, {'source': 's', 'target': 'sd', 'value': 0.04129955947136564}, {'source': 'v', 'target': 'mp', 'value': 0.5883810572687225}, {'source': 'v', 'target': 'sd', 'value': 0.022026431718061675}, {'source': 'mp', 'target': 'sd', 'value': 0.0302863436123348}]}, "v2014": {'nodes': [{'id': 'm'}, {'id': 'c'}, {'id': 'fp'}, {'id': 'kd'}, {'id': 's'}, {'id': 'v'}, {'id': 'mp'}, {'id': 'sd'}, {'id': 'fi'}], 'links': [{'source': 'm', 'target': 'c', 'value': 3100}, {'source': 'm', 'target': 'fp', 'value': 3274}, {'source': 'm', 'target': 'kd', 'value': 2522}, {'source': 'm', 'target': 's', 'value': 704}, {'source': 'm', 'target': 'v', 'value': 198}, {'source': 'm', 'target': 'mp', 'value': 751}, {'source': 'm', 'target': 'sd', 'value': 538}, {'source': 'm', 'target': 'fi', 'value': 227}, {'source': 'c', 'target': 'fp', 'value': 3006}, {'source': 'c', 'target': 'kd', 'value': 2377}, {'source': 'c', 'target': 's', 'value': 667}, {'source': 'c', 'target': 'v', 'value': 233}, {'source': 'c', 'target': 'mp', 'value': 756}, {'source': 'c', 'target': 'sd', 'value': 271}, {'source': 'c', 'target': 'fi', 'value': 233}, {'source': 'fp', 'target': 'kd', 'value': 2461}, {'source': 'fp', 'target': 's', 'value': 699}, {'source': 'fp', 'target': 'v', 'value': 215}, {'source': 'fp', 'target': 'mp', 'value': 741}, {'source': 'fp', 'target': 'sd', 'value': 335}, {'source': 'fp', 'target': 'fi', 'value': 212}, {'source': 'kd', 'target': 's', 'value': 359}, {'source': 'kd', 'target': 'v', 'value': 140}, {'source': 'kd', 'target': 'mp', 'value': 392}, {'source': 'kd', 'target': 'sd', 'value': 262}, {'source': 'kd', 'target': 'fi', 'value': 103}, {'source': 's', 'target': 'v', 'value': 2746}, {'source': 's', 'target': 'mp', 'value': 3120}, {'source': 's', 'target': 'sd', 'value': 381}, {'source': 's', 'target': 'fi', 'value': 1426}, {'source': 'v', 'target': 'mp', 'value': 2444}, {'source': 'v', 'target': 'sd', 'value': 181}, {'source': 'v', 'target': 'fi', 'value': 1458}, {'source': 'mp', 'target': 'sd', 'value': 180}, {'source': 'mp', 'target': 'fi', 'value': 1615}, {'source': 'sd', 'target': 'fi', 'value': 76}]}, "v2014_norm": {'nodes': [{'id': 'm'}, {'id': 'c'}, {'id': 'fp'}, {'id': 'kd'}, {'id': 's'}, {'id': 'v'}, {'id': 'mp'}, {'id': 'sd'}, {'id': 'fi'}], 'links': [{'source': 'm', 'target': 'c', 'value': 0.9468540012217471}, {'source': 'm', 'target': 'fp', 'value': 1.0}, {'source': 'm', 'target': 'kd', 'value': 0.7703115455100794}, {'source': 'm', 'target': 's', 'value': 0.21502748930971288}, {'source': 'm', 'target': 'v', 'value': 0.06047648136835675}, {'source': 'm', 'target': 'mp', 'value': 0.22938301771533293}, {'source': 'm', 'target': 'sd', 'value': 0.16432498472816126}, {'source': 'm', 'target': 'fi', 'value': 0.0693341478313989}, {'source': 'c', 'target': 'fp', 'value': 0.918142944410507}, {'source': 'c', 'target': 'kd', 'value': 0.7260232131948686}, {'source': 'c', 'target': 's', 'value': 0.20372632864996945}, {'source': 'c', 'target': 'v', 'value': 0.07116676847892486}, {'source': 'c', 'target': 'mp', 'value': 0.23091020158827122}, {'source': 'c', 'target': 'sd', 'value': 0.08277336591325596}, {'source': 'c', 'target': 'fi', 'value': 0.07116676847892486}, {'source': 'fp', 'target': 'kd', 'value': 0.7516799022602322}, {'source': 'fp', 'target': 's', 'value': 0.2135003054367746}, {'source': 'fp', 'target': 'v', 'value': 0.06566890653634698}, {'source': 'fp', 'target': 'mp', 'value': 0.2263286499694563}, {'source': 'fp', 'target': 'sd', 'value': 0.10232131948686622}, {'source': 'fp', 'target': 'fi', 'value': 0.064752596212584}, {'source': 'kd', 'target': 's', 'value': 0.10965180207697006}, {'source': 'kd', 'target': 'v', 'value': 0.04276114844227245}, {'source': 'kd', 'target': 'mp', 'value': 0.11973121563836286}, {'source': 'kd', 'target': 'sd', 'value': 0.08002443494196701}, {'source': 'kd', 'target': 'fi', 'value': 0.031459987782529016}, {'source': 's', 'target': 'v', 'value': 0.8387293830177154}, {'source': 's', 'target': 'mp', 'value': 0.9529627367135003}, {'source': 's', 'target': 'sd', 'value': 0.1163714111178986}, {'source': 's', 'target': 'fi', 'value': 0.43555284056200366}, {'source': 'v', 'target': 'mp', 'value': 0.746487477092242}, {'source': 'v', 'target': 'sd', 'value': 0.05528405620036653}, {'source': 'v', 'target': 'fi', 'value': 0.4453268173488088}, {'source': 'mp', 'target': 'sd', 'value': 0.05497861942577886}, {'source': 'mp', 'target': 'fi', 'value': 0.49328039095907145}, {'source': 'sd', 'target': 'fi', 'value': 0.023213194868662187}]}, "v2014_norm_exkl_fi": {'nodes': [{'id': 'm'}, {'id': 'c'}, {'id': 'fp'}, {'id': 'kd'}, {'id': 's'}, {'id': 'v'}, {'id': 'mp'}, {'id': 'sd'}], 'links': [{'source': 'm', 'target': 'c', 'value': 0.9468540012217471}, {'source': 'm', 'target': 'fp', 'value': 1.0}, {'source': 'm', 'target': 'kd', 'value': 0.7703115455100794}, {'source': 'm', 'target': 's', 'value': 0.21502748930971288}, {'source': 'm', 'target': 'v', 'value': 0.06047648136835675}, {'source': 'm', 'target': 'mp', 'value': 0.22938301771533293}, {'source': 'm', 'target': 'sd', 'value': 0.16432498472816126}, {'source': 'c', 'target': 'fp', 'value': 0.918142944410507}, {'source': 'c', 'target': 'kd', 'value': 0.7260232131948686}, {'source': 'c', 'target': 's', 'value': 0.20372632864996945}, {'source': 'c', 'target': 'v', 'value': 0.07116676847892486}, {'source': 'c', 'target': 'mp', 'value': 0.23091020158827122}, {'source': 'c', 'target': 'sd', 'value': 0.08277336591325596}, {'source': 'fp', 'target': 'kd', 'value': 0.7516799022602322}, {'source': 'fp', 'target': 's', 'value': 0.2135003054367746}, {'source': 'fp', 'target': 'v', 'value': 0.06566890653634698}, {'source': 'fp', 'target': 'mp', 'value': 0.2263286499694563}, {'source': 'fp', 'target': 'sd', 'value': 0.10232131948686622}, {'source': 'kd', 'target': 's', 'value': 0.10965180207697006}, {'source': 'kd', 'target': 'v', 'value': 0.04276114844227245}, {'source': 'kd', 'target': 'mp', 'value': 0.11973121563836286}, {'source': 'kd', 'target': 'sd', 'value': 0.08002443494196701}, {'source': 's', 'target': 'v', 'value': 0.8387293830177154}, {'source': 's', 'target': 'mp', 'value': 0.9529627367135003}, {'source': 's', 'target': 'sd', 'value': 0.1163714111178986}, {'source': 'v', 'target': 'mp', 'value': 0.746487477092242}, {'source': 'v', 'target': 'sd', 'value': 0.05528405620036653}, {'source': 'mp', 'target': 'sd', 'value': 0.05497861942577886}]}, "v2006_norm": {'nodes': [{'id': 'm'}, {'id': 'c'}, {'id': 'fp'}, {'id': 'kd'}, {'id': 's'}, {'id': 'v'}, {'id': 'mp'}], 'links': [{'source': 'm', 'target': 'c', 'value': 0.9376463700234192}, {'source': 'm', 'target': 'fp', 'value': 1.0}, {'source': 'm', 'target': 'kd', 'value': 0.8328454332552693}, {'source': 'm', 'target': 's', 'value': 0.09192037470725996}, {'source': 'm', 'target': 'v', 'value': 0.027224824355971896}, {'source': 'm', 'target': 'mp', 'value': 0.09543325526932084}, {'source': 'c', 'target': 'fp', 'value': 0.9139344262295082}, {'source': 'c', 'target': 'kd', 'value': 0.7731264637002342}, {'source': 'c', 'target': 's', 'value': 0.12177985948477751}, {'source': 'c', 'target': 'v', 'value': 0.04478922716627635}, {'source': 'c', 'target': 'mp', 'value': 0.13992974238875877}, {'source': 'fp', 'target': 'kd', 'value': 0.7857142857142857}, {'source': 'fp', 'target': 's', 'value': 0.10831381733021077}, {'source': 'fp', 'target': 'v', 'value': 0.03571428571428571}, {'source': 'fp', 'target': 'mp', 'value': 0.10831381733021077}, {'source': 'kd', 'target': 's', 'value': 0.07113583138173302}, {'source': 'kd', 'target': 'v', 'value': 0.027224824355971896}, {'source': 'kd', 'target': 'mp', 'value': 0.06967213114754098}, {'source': 's', 'target': 'v', 'value': 0.5491803278688525}, {'source': 's', 'target': 'mp', 'value': 0.5035128805620609}, {'source': 'v', 'target': 'mp', 'value': 0.452576112412178}]}, "v2002_norm": {'nodes': [{'id': 'm'}, {'id': 'c'}, {'id': 'fp'}, {'id': 'kd'}, {'id': 's'}, {'id': 'v'}, {'id': 'mp'}], 'links': [{'source': 'm', 'target': 'c', 'value': 0.7047052460789616}, {'source': 'm', 'target': 'fp', 'value': 0.9567333693888589}, {'source': 'm', 'target': 'kd', 'value': 0.8269334775554353}, {'source': 'm', 'target': 's', 'value': 0.09031909140075717}, {'source': 'm', 'target': 'v', 'value': 0.03839913466738778}, {'source': 'm', 'target': 'mp', 'value': 0.0897782585181179}, {'source': 'c', 'target': 'fp', 'value': 0.9253650621957815}, {'source': 'c', 'target': 'kd', 'value': 0.7393185505678745}, {'source': 'c', 'target': 's', 'value': 0.24067063277447268}, {'source': 'c', 'target': 'v', 'value': 0.09248242293131423}, {'source': 'c', 'target': 'mp', 'value': 0.1838831800973499}, {'source': 'fp', 'target': 'kd', 'value': 0.9286100594916171}, {'source': 'fp', 'target': 's', 'value': 0.38615467820443483}, {'source': 'fp', 'target': 'v', 'value': 0.11357490535424554}, {'source': 'fp', 'target': 'mp', 'value': 0.2206598161168199}, {'source': 'kd', 'target': 's', 'value': 0.14494321254732287}, {'source': 'kd', 'target': 'v', 'value': 0.06165494862087615}, {'source': 'kd', 'target': 'mp', 'value': 0.12871822606814495}, {'source': 's', 'target': 'v', 'value': 1.0}, {'source': 's', 'target': 'mp', 'value': 0.7209302325581395}, {'source': 'v', 'target': 'mp', 'value': 0.6619794483504597}]} } return datas[spam] }4e:[] 48:{"id":"950ec0960eef34de","slug":"det-politiska-landskapet","title":"Det politiska landskapet","thumbnail":"410efa06dedf0dd9a7be7b933803babf7b98dc36b8f6998fbd289a298b100850","access_level":"public","create_time":"$D2018-05-30T10:47:33.354Z","update_time":"$D2019-05-02T10:40:45.195Z","view_time":null,"first_public_time":"$D2019-05-02T14:34:56.439Z","has_unpublished_edits":null,"fork":{"id":"a6c00de7c09bdfa1","slug":"force-directed-graph-component","title":"Force-directed graph component","owner":{"id":"863951e3ebe4c0ae","login":"d3","name":"D3"}},"stars":0,"starred":false,"owner":{"type":"team","id":"9655e959794b74b1","login":"olahja","name":"","avatar_url":"https://avatars-next.observableusercontent.com/b7eb54061fa5f688be465156fcebaab183ef92c46de2a485aa0ac3f56cc43107","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":303,"publish_version":303,"role":null,"authored":false,"authors":[{"type":"individual","id":"9a78291db6908595","login":"olahja","name":"","avatar_url":"https://avatars-next.observableusercontent.com/b7eb54061fa5f688be465156fcebaab183ef92c46de2a485aa0ac3f56cc43107","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"9a78291db6908595","login":"olahja","name":"","avatar_url":"https://avatars-next.observableusercontent.com/b7eb54061fa5f688be465156fcebaab183ef92c46de2a485aa0ac3f56cc43107","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Det politiska landskapet","cells":[{"id":267,"value":"md`# Det politiska landskapet`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":288,"value":"viewof dist = slider({\n min: 0, \n max: 100, \n step: 1, \n value: 20, \n title: \"Distance\", \n description: \"Link distance multiplier\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":299,"value":"viewof radius = slider({\n min: 0, \n max: 100, \n step: 1, \n value: 20, \n title: \"Circle radius\", \n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":161,"value":"viewof spam = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"$4c","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":274,"value":"$4d","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":32,"value":"height = 600","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"color = {\n const scale = d3.scaleOrdinal(d3.schemeCategory10);\n return d => scale(d.group);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":76,"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","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":285,"value":"import {slider} from \"@jashkenas/inputs\"\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"d3 = require(\"https://d3js.org/d3.v5.min.js\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4e","stdlib":"1"}} 24:null