31:Tdff,p5(sketch => { let timing = 0; let vis = 1; const change = 100; let speed = change / 5; const scaleX = d3.scaleLinear().domain([0, speed]); const scaleY = d3.scaleLinear().domain([0, speed]); let canvas; let context; sketch.setup = function() { sketch.createCanvas(width, height); sketch.noStroke(); sketch.fill(color_background); sketch.rect(0, 0, width, height); sketch.frameRate(30); }; sketch.setup(); //get the html canvas element created by p5 canvas = document.getElementById('defaultCanvas0'); //get canvas context. d3 uses that to draw on canvas context = canvas.getContext("2d"); // where all the drawing happens function drawMap(context) { // graticule sketch.strokeWeight(0.5); sketch.stroke(color_outline); // initialize the path context.beginPath(); geoPath(graticule); context.stroke(); context.closePath(); sketch.fill(color_land); sketch.noStroke(); // initialize the path context.beginPath(); geoPath(land); context.fill(); context.closePath(); // outline // initialize the path sketch.stroke(color_outline); sketch.strokeWeight(1); context.beginPath(); geoPath(outline); context.stroke(); context.closePath(); }; function drawEdges(source, target) { if (curves) { context.beginPath(); const [x1, y1] = source; const [x2, y2] = target; context.moveTo(x1, y1); context.quadraticCurveTo( x1+((x2-x1)*0.5), y1+((y2-y1)*arch), x2, y2 ); context.stroke(); context.closePath(); } else { sketch.line(source[0], source[1], target[0], target[1]); } } function render(land) { sketch.background(color_background); geoPath.context(context); drawMap(context); let nodes = filteredNodes; let edges = filteredEdges; //sketch.stroke(`rgba(255,127,80, ${opacity})`); sketch.stroke(`rgba(227, 197, 170, ${opacity})`); for (var i = 0; i < edges.length; i++) { let edge = edges[i] //sketch.fill('#d8d8d8'); let reprojectSource = projection([edge.source_lon, edge.source_lat]) let reprojectTarget = projection([edge.dest_lon, edge.dest_lat]) //sketch.stroke(1); sketch.strokeWeight(linkWidth(edge.occurence)); drawEdges(reprojectSource, reprojectTarget); } sketch.strokeWeight(1); sketch.stroke('white'); for (var i = 0; i < nodes.length; i++) { let node = nodes[i] //let rgb = color(node); //const [r,g,b,a] = rgb.match(/\d+/g).map(Number); let c; if (color.constructor === Array) { c = 'rgb(' + color[0] + ',' + color[1] + ',' + color[2] + ')'; } else { c = color(node.country); c = 'rgb(' + c.r + ',' + c.g + ',' + c.b + ')'; } console.log(c, node.country, radiusFxn(node.occurence)); sketch.fill(c); let reprojectNode = projection([node.long, node.lat]) sketch.circle(reprojectNode[0], reprojectNode[1], radiusFxn(node.occurence)) sketch.fill('black'); if (node.occurence > threshold) { sketch.fillStyle = 'black'; sketch.font = '36px sans-serif'; sketch.text(node.id.slice(0, -8), reprojectNode[0], reprojectNode[1]); sketch.strokeStyle = 'white' } } } return d3.select(context.canvas) .call(zoom(projection) .on("zoom.render", () => render(land)) .on("end.render", () => render(land))) .call(() => render(land)) .node(); })32:T11da,forceGraph = (data) => { const w2 = width, h2 = height, nodeRadius = 5; const ctx = DOM.context2d(width, height); const canvas = ctx.canvas; const simulationDurationInMs = 20000; let startTime = Date.now(); let endTime = startTime + simulationDurationInMs; const simulation = forceSimulation(width/2, height/2); let transform = d3.zoomIdentity; let radFxn = d3.scaleLinear().domain([1, 100]).range([10,50]); // The simulation will alter the input data objects so make // copies to protect the originals. const nodes = data.nodes.map(d => Object.assign({}, d)); const edges = data.links.map(d => Object.assign({}, d)); d3.select(canvas) .call(d3.drag() // Must set this in order to drag nodes. New in v5? .container(canvas) .subject(dragSubject) .on('start', dragStarted) .on('drag', dragged) .on('end', dragEnded)) .call(d3.zoom() .scaleExtent([1/100, 10]) .on("zoom", ({transform}) => zoomed(transform))); simulation.nodes(nodes) .on("tick",simulationUpdate); simulation.force("link") .links(edges); function zoomed(newTransform) { transform = newTransform; simulationUpdate(); } zoomed(d3.zoomIdentity); /** Find the node that was clicked, if any, and return it. */ function dragSubject() { const x = transform.invertX(d3.event.x), y = transform.invertY(d3.event.y); const node = findNode(nodes, x, y, nodeRadius); if (node) { node.x = transform.applyX(node.x); node.y = transform.applyY(node.y); } // else: No node selected, drag container return node; } function dragStarted() { if (!d3.event.active) { simulation.alphaTarget(0.3).restart(); } d3.event.subject.fx = transform.invertX(d3.event.x); d3.event.subject.fy = transform.invertY(d3.event.y); } function dragged() { d3.event.subject.fx = transform.invertX(d3.event.x); d3.event.subject.fy = transform.invertY(d3.event.y); } function dragEnded() { if (!d3.event.active) { simulation.alphaTarget(0); } d3.event.subject.fx = null; d3.event.subject.fy = null; } function simulationUpdate() { ctx.save(); ctx.clearRect(0, 0, width, height); ctx.translate(transform.x, transform.y); ctx.scale(transform.k, transform.k); // Draw edges edges.forEach(function(d) { if (curves) { // ctx.beginPath(); // const x1 = d.source.x; // const y1 = d.source.y; // const x2 = d.target.x; // const y2 = d.target.y; // ctx.moveTo(x1, y1); // ctx.quadraticCurveTo( // x1+((x2-x1)*0.5), y1+((y2-y1)*arch), // x2, y2 // ); // ctx.stroke(); // ctx.closePath(); const l = Math.sqrt(Math.pow(d.target.x - d.source.x, 2) + Math.pow(d.target.y - d.source.y, 2)); // line length const a = Math.atan2(d.target.y - d.source.y, d.target.x - d.source.x); // line angle const e = l * 1; // control point distance const cp = { // control point x: (d.source.x + d.target.x) / 2 + e * Math.cos(a - Math.PI / 2), y: (d.source.y + d.target.y) / 2 + e * Math.sin(a - Math.PI / 2) }; ctx.beginPath(); ctx.moveTo(d.source.x, d.source.y); ctx.quadraticCurveTo(cp.x, cp.y, d.target.x, d.target.y); } else { ctx.beginPath(); ctx.moveTo(d.source.x, d.source.y); ctx.lineTo(d.target.x, d.target.y); } ctx.lineWidth = linkWidth(d.value); ctx.strokeStyle = `rgb(216, 216, 216, ${opacity})`; ctx.stroke(); }); // Draw nodes nodes.forEach(function(d, i) { ctx.beginPath(); // Node fill ctx.moveTo(d.x + radiusFxn(d.occurence), d.y); ctx.arc(d.x, d.y, radiusFxn(d.occurence), 0, 2 * Math.PI); let c; if (color.constructor === Array) { c = 'rgb(' + color[0] + ',' + color[1] + ',' + color[2] + ')'; } else { c = color(d.country); c = 'rgb(' + c.r + ',' + c.g + ',' + c.b + ')'; } ctx.fillStyle = c; ctx.fill(); // Node outline ctx.strokeStyle = 'white' ctx.lineWidth = '3' ctx.stroke(); if (d.occurence > threshold) { ctx.fillStyle = 'black'; ctx.font = '36px sans-serif'; ctx.fillText(d.id.slice(0, -8), d.x, d.y); ctx.strokeStyle = 'white' } }); ctx.restore(); } return canvas; }33:T477,filteredNodes = { let airports = {} for (let r in filteredEdges) { let row = filteredEdges[r]; if (airports.hasOwnProperty(row.source_name) === false) { airports[row.source_name] = {} airports[row.source_name]['occurence'] = 0; airports[row.source_name]['lat'] = parseFloat(row.source_lat); airports[row.source_name]['long'] = parseFloat(row.source_lon); } if (airports.hasOwnProperty(row.dest_name) === false) { airports[row.dest_name] = {} airports[row.dest_name]['occurence'] = 0; airports[row.dest_name]['lat'] = parseFloat(row.dest_lat); airports[row.dest_name]['long'] = parseFloat(row.dest_lon) ; } airports[row.source_name]['occurence'] +=1; airports[row.dest_name]['occurence'] +=1; airports[row.source_name]['country'] = row.source_country; airports[row.dest_name]['country'] = row.dest_country; } let newAirports = [] for (let a in airports){ let row = airports[a] row['id'] = a newAirports.push(row) setExtents.push(row['occurence']); } //id, occurence, lat, long return newAirports; }34:[{"id":"320b6bfc5947c81d9af57c16a37876e3534804b1d7fd19feee61da4bc32ed16a3f99f00d8d24ebdf14cad5ecda0e037e8f63704c4578f525bd13a8a4448581a3","href":"https://static.observableusercontent.com/files/320b6bfc5947c81d9af57c16a37876e3534804b1d7fd19feee61da4bc32ed16a3f99f00d8d24ebdf14cad5ecda0e037e8f63704c4578f525bd13a8a4448581a3","name":"alliances.json","type":"application/json","lastModified":1624939759955.813,"size":8241},{"id":"9a3c8d1fe2f092ba0361bec02f5ce5b3fce6786533d67dbd206e19f1621162b86227660b708d4edbc3d38003aa707419bba98957ecd28f0532cd2caa43beb95b","href":"https://static.observableusercontent.com/files/9a3c8d1fe2f092ba0361bec02f5ce5b3fce6786533d67dbd206e19f1621162b86227660b708d4edbc3d38003aa707419bba98957ecd28f0532cd2caa43beb95b","name":"tradeunions.json","type":"application/json","lastModified":1624939759935.629,"size":3156},{"id":"82b0c5d74a00c2b24101b11b1c73b343048bf125a120ca27d02419ab92a1f7791e2662004c30fbe4e2975bb89f11b8e28d3cc4afef486268e317ae5f4465f1ea","href":"https://static.observableusercontent.com/files/82b0c5d74a00c2b24101b11b1c73b343048bf125a120ca27d02419ab92a1f7791e2662004c30fbe4e2975bb89f11b8e28d3cc4afef486268e317ae5f4465f1ea","name":"all_routes@2.csv","type":"text/csv","lastModified":1624947528493.484,"size":16581846}] 2f:{"title":"Smaller networks - canvas","cells":[{"id":0,"value":"md`# Smaller networks - canvas\n\nWith drag, pan, and zoom\n\n- short <= 2000\n- 2000 < med <= 3000\n- 3000 < long <= 5000\n- 5000 < xlong <= 8000\n- 8000 < ultralong`","pinned":false,"hidden":false,"mode":"ojs"},{"id":304,"value":"viewof projection = projectionInput({value: new URLSearchParams(location.search).get(\"projection\") || \"Natural Earth\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":307,"value":"viewof curves = Inputs.toggle({label: \"Curves?\", value: true})","pinned":false,"hidden":false,"mode":"ojs"},{"id":319,"value":"viewof flightType = Inputs.radio([\"short\", \"med\", \"long\", \"xlong\", \"ultralong\"], {label: \"Type of flight\", value: \"xlong\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":322,"value":"viewof intl = Inputs.radio([\"True\", \"False\"], {label: \"International?\", value: \"True\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":495,"value":"viewof union = Inputs.checkbox(new Map([[\"EU\", 'eu'], [\"ASEAN\", 'asean'], [\"BRICS\", 'brics'], [\"OECD\", 'oecd'], ['Arab Group', 'arab'], ['Least developed countries', 'ldc']]), {value: ['eu'], label: \"Trade union\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":512,"value":"viewof alliance = Inputs.checkbox(new Map([[\"Low cost carrier\", 'lcc'], [\"Star Alliance\", 'star'], [\"OneWorld\", 'oneworld'], [\"SkyTeam\", 'skyteam'], ['Other', 'none']]), {value: [], label: \"Airline alliance\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":394,"value":"flightTypes = ({'short': \"Short\", 'med': \"Medium\", 'long': \"Long\", 'xlong': 'Extra long', 'ultralong': 'Ultra long'});","pinned":false,"hidden":false,"mode":"ojs"},{"id":438,"value":"viewof threshold = slider({\n min: 1,\n max: 400,\n step: 1,\n value: 100,\n format: \",\",\n description:\n \"Show airport name if it has more than the prescribed number of connections\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":474,"value":"viewof rNode = slider({\n min: 1,\n max: 70,\n step: 1,\n value: 70,\n format: \",\",\n description:\n \"Maximum node radius\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":646,"value":"viewof lWidth = slider({\n min: 5,\n max: 100,\n step: 1,\n value: 20,\n format: \",\",\n description:\n \"Maximum link width\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":508,"value":"viewof opacity = slider({\n min: 0.05,\n max: 1,\n step: 0.05,\n value: 0.2,\n format: \",\",\n description:\n \"Link opacity\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":890,"value":"viewof arch = slider({\n min: 0.05,\n max: 1,\n step: 0.05,\n value: 0.2,\n format: \",\",\n description:\n \"Arc arch\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1030,"value":"viewof selectCountries = Inputs.select(countries, {label: \"Choose countriest to focus on\", multiple: true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":1063,"value":"// viewof reset = Inputs.button(\"Reset\")\n\n{\n const init = html``;\n init.onclick = () => {\n viewof selectCountries.value = [];\n viewof selectCountries.dispatchEvent(new CustomEvent(\"input\"));\n viewof union.value = [];\n viewof union.dispatchEvent(new CustomEvent(\"input\"));\n };\n return init;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":429,"value":"md`Showing...\n## ${flightTypes[flightType] + ' haul, ' + (intl === \"True\" ? 'International' : 'Domestic')}\nCountries: ${selectCountries.join(', ')}
\nNumber of unique airports: ${filteredNodes.length}
\nNumber of flights: ${filteredEdges.length}
\nAlliance: ${alliance.join(', ')}
\nTrade unions: ${union.join(', ')}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":89,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":1004,"value":"networkNodes","pinned":false,"hidden":false,"mode":"ojs"},{"id":841,"value":"data = ({'nodes': networkNodes, 'links': networkEdges})","pinned":false,"hidden":false,"mode":"ojs"},{"id":749,"value":"function tester(projection) {\n let visible;\n const stream = projection.stream({point() { visible = true; }});\n return ([x, y]) => (visible = false, stream.point(x, y), visible);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":608,"value":"viewof charge = Inputs.range([-200, 10], { value: -150, step: 1, label: \"Charge strength\" })","pinned":false,"hidden":false,"mode":"ojs"},{"id":684,"value":"chart = forceGraph(data)","pinned":true,"hidden":false,"mode":"ojs"},{"id":851,"value":"// import {serialize} from \"@palewire/saving-json\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":850,"value":"// DOM.download(serialize(data), 'network.json', \"Download JSON\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":864,"value":"// maxDistance = 6 // Limit the search distance, if desired.","pinned":true,"hidden":false,"mode":"ojs"},{"id":669,"value":"$32","pinned":true,"hidden":false,"mode":"ojs"},{"id":872,"value":"linkDistanceFxn = d3.scaleLinear().domain([20,1]).range([2, 100\n ])","pinned":true,"hidden":false,"mode":"ojs"},{"id":673,"value":"function findNode(nodes, x, y, radius) {\n const rSq = radius * radius;\n let i;\n for (i = nodes.length - 1; i >= 0; --i) {\n const node = nodes[i],\n dx = x - node.x,\n dy = y - node.y,\n distSq = (dx * dx) + (dy * dy);\n if (distSq < rSq) {\n return node;\n }\n }\n // No node selected\n return undefined; \n }","pinned":true,"hidden":false,"mode":"ojs"},{"id":601,"value":"md `# Force simulations`","pinned":false,"hidden":false,"mode":"ojs"},{"id":606,"value":"function forceSimulation(width, height) {\n return d3.forceSimulation()//.force(\"link\", d3.forceLink().id(function(d) { return d.id; }))\n .force(\"center\", d3.forceCenter(width / 2, height / 2))\n .force(\"charge\", d3.forceManyBody().strength(charge))\n .force('collision', d3.forceCollide().radius(function(d) {\n return d3.scaleLog().domain([1, 100]).range([50, 200])(d.occurence);\n //return d3.scaleLog().domain([1, 10]).range([5, 100])(d.occurence) + 2\n }))\n .force(\"link\", d3.forceLink().id(d => d.id).distance(d => {return linkDistanceFxn(d.value)}))\n //.force(\"link\", d3.forceLink().id(d => d.id).distance(0).strength(1))\n .velocityDecay(0.1);\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":596,"value":"md`# Set up functions`","pinned":false,"hidden":false,"mode":"ojs"},{"id":205,"value":"// import {zoom} from \"@d3/versor-zooming\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":127,"value":"centralities = ({'Degree': 'd_centrality', 'Closeness': 'c_centrality', 'Betweenness': 'b_centrality'});","pinned":true,"hidden":false,"mode":"ojs"},{"id":1102,"value":"d3.interpolateTur","pinned":true,"hidden":false,"mode":"ojs"},{"id":1075,"value":"color = {\n // let scale = d3.scaleOrdinal(d3.schemeSpectral).domain(selectCountries);\n // return d => scale(d[changeColor]);\n const n = selectCountries.length\n if (n > 1) {\n const interpolate = d3[`interpolateTurbo`];\n let colors = [];\n // let dark = d3.lab(interpolate(0)).l < 50;\n for (let i = 0; i < n; ++i) {\n colors.push(d3.rgb(interpolate(i / (n - 1))));\n }\n\n return d3.scaleOrdinal().domain(selectCountries).range(colors);\n } else {\n return [116,189,203]; \n }\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":1078,"value":"selectCountries","pinned":true,"hidden":false,"mode":"ojs"},{"id":129,"value":"// changeColor = centralities[activeColor];","pinned":true,"hidden":false,"mode":"ojs"},{"id":131,"value":"// extents = {let extents = []\n// for (let i=0; i < data.nodes.length; i+=1) {\n// extents.push(data.nodes[i][changeColor])\n// }\n// return d3.extent(extents);\n// }","pinned":true,"hidden":false,"mode":"ojs"},{"id":133,"value":"// color = {\n// let scale = d3.scaleOrdinal(d3.schemeCategory10);\n// if (changeColor) {\n// scale = d3.scaleLinear().domain(extents).range(['#FEFAE0', '#BC6C25']);\n// } \n// return d => scale(d[changeColor]);\n// }","pinned":true,"hidden":false,"mode":"ojs"},{"id":151,"value":"radiusFxn = d3.scaleLinear().domain(d3.extent(setExtents)).range([8,rNode]);","pinned":true,"hidden":false,"mode":"ojs"},{"id":185,"value":"linkWidth = d3.scaleLinear().domain([1, 10]).range([1, lWidth]);","pinned":true,"hidden":false,"mode":"ojs"},{"id":4,"value":"import {p5} from \"@tmcw/p5\";","pinned":true,"hidden":false,"mode":"ojs"},{"id":919,"value":"import { zoom } from \"@d3/versor-zooming\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":6,"value":"d3 = require(\"d3@6\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":925,"value":"d5 = require(\"d3@5\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":8,"value":"projections = require(\"d3-geo@1\", \"d3-geo-projection@2\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":10,"value":"topojson = require(\"topojson-client@3\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":12,"value":"md`### Map Projections`","pinned":false,"hidden":false,"mode":"ojs"},{"id":16,"value":"height = {\n const [[x0, y0], [x1, y1]] = d3.geoPath(projection.fitWidth(width, outline)).bounds(outline);\n const dy = Math.ceil(y1 - y0), l = Math.min(Math.ceil(x1 - x0), dy);\n projection.scale(projection.scale() * (l - 1) / l).precision(0.2);\n return dy;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":21,"value":"outline = ({type: \"Sphere\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":23,"value":"width = 1000","pinned":false,"hidden":false,"mode":"ojs"},{"id":38,"value":"// projection = projections.geoEqualEarth()\n// .scale(width / 2 / Math.PI)\n// .translate([width / 2, width / 2])\n// .center([0, 0])","pinned":true,"hidden":false,"mode":"ojs"},{"id":25,"value":"geoPath = d3.geoPath()\n .projection(projection);","pinned":false,"hidden":false,"mode":"ojs"},{"id":29,"value":"import {projectionInput} from \"@d3/projection-comparison\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":27,"value":"// viewof projection = projectionInput({value: new URLSearchParams(location.search).get(\"projection\") || \"orthographic\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":446,"value":"import {slider} from \"@jashkenas/inputs\"\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":43,"value":"import {land} from \"@d3/world-airports\";","pinned":false,"hidden":false,"mode":"ojs"},{"id":55,"value":"import {world} from \"@d3/world-airports\";","pinned":false,"hidden":false,"mode":"ojs"},{"id":50,"value":"graticule = d3.geoGraticule10()","pinned":false,"hidden":false,"mode":"ojs"},{"id":61,"value":"color_background = \"#d8d8d8\"//\"rgb(73, 99, 44)\"//\"#CC071E\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":63,"value":"color_land = \"white\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":65,"value":"color_outline = \"white\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":67,"value":"radius = 1.25","pinned":false,"hidden":false,"mode":"ojs"},{"id":69,"value":"padding = 1.75","pinned":false,"hidden":false,"mode":"ojs"},{"id":907,"value":"md `## Data processing`","pinned":true,"hidden":false,"mode":"ojs"},{"id":71,"value":"land","pinned":false,"hidden":false,"mode":"ojs"},{"id":330,"value":"unfiltered = d3.csvParse(await FileAttachment(\"all_routes@2.csv\").text())","pinned":false,"hidden":false,"mode":"ojs"},{"id":813,"value":"unfiltered.forEach((row)=> {\n try {\n row['airlines'] = eval(row['airlines']);\n } catch (error) {\n row['airlines'] = [];\n }\n \n // newRow['source'] = row['source_name'];\n // newRow['target'] = row['dest_name'];\n // newRow['value'] = parseInt(row['occurence']);\n // newRow['index'] = parseInt(row[\"\"]);\n // newRow['dest_lat'] = parseFloat(row['dest_lat']);\n // newRow['dest_lon'] = parseFloat(row['dest_lat']);\n // newRow['source_lat'] = parseFloat(row['source_lat']);\n // newRow['source_lon'] = parseFloat(row['source_lon']);\n // newRow['flight_type'] = row['flight_type'];\n // newRow['intl'] = row.intl;\n // newRow['source_country'] = row.source_country;\n // newRow['dest_country'] = row.dest_country;\n});","pinned":true,"hidden":false,"mode":"ojs"},{"id":817,"value":"unfiltered[0]['airlines']","pinned":true,"hidden":false,"mode":"ojs"},{"id":340,"value":"prefiltered = unfiltered.map((row)=> {\n let newRow = {}; \n try {\n newRow['airlines'] = eval(row['airlines']);\n } catch (error) {\n newRow['airlines'] = [];\n }\n \n newRow['source'] = row['source_name'];\n newRow['target'] = row['dest_name'];\n newRow['value'] = parseInt(row['occurence']);\n newRow['index'] = parseInt(row[\"\"]);\n newRow['dest_lat'] = parseFloat(row['dest_lat']);\n newRow['dest_lon'] = parseFloat(row['dest_lat']);\n newRow['source_lat'] = parseFloat(row['source_lat']);\n newRow['source_lon'] = parseFloat(row['source_lon']);\n newRow['flight_type'] = row['flight_type'];\n newRow['intl'] = row.intl;\n newRow['source_country'] = row.source_country;\n newRow['dest_country'] = row.dest_country;\n return newRow;\n});","pinned":true,"hidden":false,"mode":"ojs"},{"id":759,"value":"prefiltered[6]","pinned":true,"hidden":false,"mode":"ojs"},{"id":640,"value":"unfiltered[0]['airlines']","pinned":true,"hidden":false,"mode":"ojs"},{"id":533,"value":"alliances = FileAttachment(\"alliances.json\").json();","pinned":true,"hidden":false,"mode":"ojs"},{"id":550,"value":"alliance","pinned":true,"hidden":false,"mode":"ojs"},{"id":541,"value":"unions = FileAttachment(\"tradeunions.json\").json();","pinned":true,"hidden":false,"mode":"ojs"},{"id":580,"value":"searchUnion = function(row) {\n let sCountry = row.source_country;\n let dCountry = row.dest_country;\n \n if (union.length > 0) {\n for (let i in union) {\n let search = unions[union[i]]\n if (search.includes(sCountry) || search.includes(dCountry)) {\n return true; \n }\n }\n return false;\n }\n return true;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":527,"value":"searchAlliance = function (row) {\n let airlines = row['airlines']\n if (alliance.length > 0) {\n for (let i in alliance) {\n let search = alliances[alliance[i]];\n // console.log(airlines);\n for (let j in airlines) {\n // console.log(airlines[j], search.includes(airlines[j]))\n return search.includes(airlines[j]);\n }\n }\n return false;\n };\n return true;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":1053,"value":"searchCountry = function (row) {\n let source = row.source_country;\n let target = row.dest_country;\n if (selectCountries.length > 0) {\n for (let i in selectCountries) {\n let search = selectCountries[i]\n if (source === search || target === search) {\n return true; \n }\n }\n return false;\n }\n return true;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":560,"value":"test = prefiltered.filter(function (row) {\n return searchCountry(row);\n});","pinned":true,"hidden":false,"mode":"ojs"},{"id":332,"value":"filteredEdges = unfiltered.filter(function (row) {\n return row['intl'] === intl && row['flight_type'] === flightType && searchUnion(row) && searchAlliance(row) && searchCountry(row);\n});","pinned":true,"hidden":false,"mode":"ojs"},{"id":1041,"value":"countries = { \n let newCountries = []\n unfiltered.forEach((row)=> {\n \n if (newCountries.includes(row.source_country) === false) {\n newCountries.push(row.source_country); \n }\n \n if (newCountries.includes(row.dest_country) === false) {\n newCountries.push(row.dest_country); \n }\n \n });\n\nreturn newCountries;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":1163,"value":"setExtents = []","pinned":true,"hidden":false,"mode":"ojs"},{"id":1175,"value":"setExtents","pinned":true,"hidden":false,"mode":"ojs"},{"id":354,"value":"$33","pinned":true,"hidden":false,"mode":"ojs"},{"id":471,"value":"filteredNodes[0]","pinned":true,"hidden":false,"mode":"ojs"},{"id":725,"value":"n = () => { let check = []\n\n for (let i in filteredEdges) {\n if (check.includes(filteredEdges[i].source_name === false)) {\n check.push(filteredEdges[i].source_name)\n }\n \n if (check.includes(filteredEdges[i].dest_name === false)) {\n check.push(filteredEdges[i].dest_name)\n }\n }\n console.log(check);\n let against = []\n for (let i in filteredNodes) {\n against.push(filteredNodes[i]['id'])\n }\n\n let diff = check.filter(function(x) { return against.indexOf(x) < 0 })\n return {check, against, diff};\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":825,"value":"networkEdges = prefiltered.filter(function (row) {\n return row['intl'] === intl && row['flight_type'] === flightType && searchUnion(row) && searchAlliance(row)&& searchCountry(row);\n});","pinned":true,"hidden":false,"mode":"ojs"},{"id":827,"value":"networkNodes = {\n let airports = {}\n \n for (let r in networkEdges) {\n let row = networkEdges[r];\n \n if (airports.hasOwnProperty(row.source) === false) {\n airports[row.source] = {}\n airports[row.source]['occurence'] = 0;\n }\n \n if (airports.hasOwnProperty(row.target) === false) {\n airports[row.target] = {}\n airports[row.target]['occurence'] = 0;\n }\n \n airports[row.source]['occurence'] +=1;\n airports[row.target]['occurence'] +=1;\n airports[row.source]['country'] = row.source_country;\n airports[row.target]['country'] = row.dest_country;\n }\n \n let newAirports = []\n \n for (let a in airports){\n let row = airports[a]\n row['id'] = a\n newAirports.push(row)\n // extents.push(row.occurence);\n }\n //id, occurence, lat, long\n return newAirports;\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":1122,"value":"networkNodes[0]","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W34","stdlib":"1","titling":"auto"}