31:T61d,chart = { const links = data.links.map(d => Object.create(d)); const nodes = data.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(-27.5).distanceMin(70).distanceMax(140)) .force('center', d3.forceCenter(w * 0.5, h * 0.5)) .stop(); simulation.tick(50); const svg = d3.create('svg') .attr('viewBox', [0, 0, w, h]); // links svg.append('g') .attr('stroke', 'white') .attr('stroke-opacity', 0.025) .selectAll() .data(links) .join('line') .attr('stroke-width', d => Math.sqrt(d.value)) .attr('x1', d => d.source.x) .attr('y1', d => d.source.y) .attr('x2', d => d.target.x) .attr('y2', d => d.target.y); // nodes svg.append('g') .selectAll() .data(nodes) .join('g') .attr('transform', d => `translate(${d.x}, ${d.y})`) .call( g => g.append('title').text(d => `${d.id}: ${d.degree} connections`) ) .call( g => g.append('circle') .attr('r', d => r(d.value) ? r(d.value) : 1) .style('stroke', '#323238') .style('stroke-width', 0.15) .style('fill', d => color[d.group]) ) .call( g => g.append('text') .attr('x', d => r(d.value) + 7.5) .attr('y', d => adjustLabel(d, 'id')) .text(function(d) { d3.select(this.parentNode).raise(); return d.value > 450 ? d.id : ''; }) ); return svg.node(); }32:[{"id":"8d44056eef9f40e8a4791a6041e8650d7c4e3f50d039907b02cb86d86a9b212f4c481bc635a383bfd14b2b8ddc861e69fb30e69cab220f7c283344cb1c17f3b7","href":"https://static.observableusercontent.com/files/8d44056eef9f40e8a4791a6041e8650d7c4e3f50d039907b02cb86d86a9b212f4c481bc635a383bfd14b2b8ddc861e69fb30e69cab220f7c283344cb1c17f3b7","name":"links@17.json","type":"application/json","lastModified":1586433918192.819,"size":978361},{"id":"3cc6612928329f427e58d9d768083ba3e2213e5505d299fd35f7cdb61a9c05d06eee22ac3a0c73aca7f0aa85b501d5d9af09d37a3123bd431ed7606114dbf5c9","href":"https://static.observableusercontent.com/files/3cc6612928329f427e58d9d768083ba3e2213e5505d299fd35f7cdb61a9c05d06eee22ac3a0c73aca7f0aa85b501d5d9af09d37a3123bd431ed7606114dbf5c9","name":"nodes@25.json","type":"application/json","lastModified":1586436635326.667,"size":388204}] 2f:{"title":"The Brexit Universe","cells":[{"id":1,"value":"md`# The Brexit Universe`","pinned":false,"hidden":false,"mode":"ojs"},{"id":550,"value":"md`*With two galaxies and some lost stars.*\n
-- the page may freeze for around 5-10 seconds to load the graph --`","pinned":false,"hidden":false,"mode":"ojs"},{"id":618,"value":"md`---\nI'm currently pursuing a Master's degree at University of Gdańsk; during a Social Networks Analysis class we had a chance to work on a Brexit-related Twitter data which was gathered over a month, starting from the day before the \"zero-hour\" (30.01 - 26.02.2020).\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":642,"value":"md`The graph below is based on analysis of retweets — Twitter users who retweeted at least two posts over the analyzed period of time were grouped using [random walks](https://arxiv.org/pdf/physics/0512106.pdf). I've selected eight biggest communities, as plotting them all wasn't an option; several interesting groups emerged, including a group of Scottish Remainers and American Leavers, but generally it all came down to one of three possibilities: #Stay, #Leave or neutral — all the groups were then re-mapped manually, after studying each \"big player's\" most popular tweets.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":650,"value":"md`Clearly, this chart doesn't tell a whole story, as it only shows 12% of all retweets from a month (50k) and 5% of users who retweeted at least one post or received at least one retweet during that period (9k), but it nicely shows that both sides of the barricade were mostly retweeting posts from their own communities — red highlights users that seemed to want Brexit to happen, blue — the opposite, gray — neutral users.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":681,"value":"md`What's surprising is that only a few news stations were among the key voices there (Sky News and LBC) — the Brexit-side of the Twitter was mostly run by users with (most often) less than 50k followers.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":704,"value":"md`If you have any ideas or comments, please [let me know!](https://observablehq.com/@observablehq/suggestions-and-comments)`","pinned":false,"hidden":false,"mode":"ojs"},{"id":686,"value":"md`---\n## Appendix`","pinned":false,"hidden":false,"mode":"ojs"},{"id":694,"value":"md`### Constants and functions`","pinned":false,"hidden":false,"mode":"ojs"},{"id":32,"value":"h = 1200","pinned":false,"hidden":false,"mode":"ojs"},{"id":491,"value":"w = 1200","pinned":false,"hidden":false,"mode":"ojs"},{"id":277,"value":"r = d3.scaleLinear()\n .domain([0, d3.max(data.nodes, d => d.value)])\n .range([3, 12.5])","pinned":false,"hidden":false,"mode":"ojs"},{"id":26,"value":"color = ({\n 1: '#3972E5', // rejoin\n 2: '#FF4949', // leave\n 3: '#D8D8D8', // neutral\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":590,"value":"adjustLabel = (d, name) => {\n const names = {'AllianceBE': -7.5, 'Haggis_UK': 5, 'TheStephenRalph': -5};\n return Object.keys(names).indexOf(d[name]) >= 0 ? names[d[name]] : 0;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":691,"value":"md`---\n### Data & imports`","pinned":false,"hidden":false,"mode":"ojs"},{"id":168,"value":"data = {\n const data = {};\n\n const links = await FileAttachment('links@17.json').json();\n const nodes = await FileAttachment('nodes@25.json').json();\n\n return {links, nodes};\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"d3 = require('d3@5')","pinned":false,"hidden":false,"mode":"ojs"},{"id":433,"value":"html`\n`","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}