2b:null 2c:["$","title",null,{"children":"Untitled | Dmitry Mishin | Observable"}] 31:T4d53,{ var selectedSNode = [], selectedTNode = []; var height = 800, width = 1200; var hosts = graph.nodes.filter(function(d, i) { return d.type == "primary"; }); var svg = d3.create("svg") .attr("viewBox", [-14, 0, width + 28, height]) .style("margin", "0 -14px") .style("display", "block"); function usedNodes(allPrimary) { return graph.nodes.filter(function(d) { if(d.type == "primary" && allPrimary) return true; var show_node_s = (selectedSNode.length == 0), show_node_t = (selectedTNode.length == 0); for(var i=0; i 0 && edges[i].latency > maxLat) maxLat = edges[i].latency; } document.maxLat = maxLat; var forces = { // "collide": d3.forceCollide(4), // "manybody": d3.forceManyBody(-50).distanceMax(200), "link": d3.forceLink(edges).id(function(d, i) { return i; }) .distance(function(d) { var scaleLatency = d3.scaleLinear() .domain([0, maxLat]) .range([0,50]); document.scaleLatency = scaleLatency; return scaleLatency(d.latency); }) .strength(0.4) }; document.forces = forces; // document.clustering = clustering; var simulation = d3.forceSimulation(nodes); simulation.alphaDecay(1-Math.pow(0.001,1/10)); // 1-Math.pow(0.001,1/300) is default for 300 iterations document.simulation = simulation; for(var forcename in forces) { simulation.force(forcename, forces[forcename]); } simulation.on("tick", function() { node.attr("transform", function(d) { return "translate(" + d.x + "," + d.y + ")"; }); link.attr("d", function(d) { var dx = d.target.x - d.source.x, dy = d.target.y - d.source.y, dr = 1.5*Math.sqrt(dx * dx + dy * dy); return "M" + d.source.x + "," + d.source.y + "A" + dr + "," + dr + " 0 0,1 " + d.target.x + "," + d.target.y; }); }); var d3_geom_voronoi = d3.voronoi().x(function(d) { return d.point.x; }).y(function(d) { return d.point.y; }); var transform = d3.zoomIdentity .translate(projection.translate()[0], projection.translate()[1]) .scale(projection.scale()); var mapzoom = d3.zoom() .scaleExtent([300, 340000]) .on("zoom", function() { var transform = d3.zoomTransform(this); projection.translate([transform.x, transform.y]).scale(transform.k); d3.selectAll('path.map').attr('d', path); for(var groupkey in groups) { if(groups.hasOwnProperty(groupkey)){ var group = groups[groupkey]; var d = group.nodes[0]; var pix_coord = projection([d.lon, d.lat]); group.circle.attr("cx", pix_coord[0]); group.circle.attr("cy", pix_coord[1]); group.circle.text.attr("x", pix_coord[0]); group.circle.text.attr("y", pix_coord[1]); } }; hosts.forEach(function(d, i) { if (d.circle) { var coord = circleCoord(d); d.fx = coord.x; d.fy = coord.y; } else { var pix_coord = projection([d.lon, d.lat]); d.fx = pix_coord[0]; d.fy = pix_coord[1]; } }); }) .on("end", function() { if (!d3.event.active) simulation.alphaTarget(0.5).restart(); }); svg.call(mapzoom.transform, transform); svg.call(mapzoom); mapzoom.translateBy(svg, 0.12, -0.25); mapzoom.scaleBy(svg, 8); svg .on("click", function(cd) { if(overNode){ var overNodeData = d3.select(overNode); var overNodeDatum = overNodeData.datum(); if(overNodeDatum.source) { console.log("Edge: "+overNodeDatum.source.id + " "+overNodeDatum.target.id); } else { if(overNodeDatum.type == "primary"){ if (d3.event.altKey) { if(selectedTNode.contains(overNodeDatum)){ selectedTNode.deleteElement(overNodeDatum); } else { selectedTNode.push(overNodeDatum); } } else { console.log(selectedSNode); if(selectedSNode.contains(overNodeDatum)){ selectedSNode.deleteElement(overNodeDatum); } else { selectedSNode.push(overNodeDatum); } } nodes = usedNodes(true); edges = usedEdges(); reload(); node .filter(function(d) { return (d.type == "primary")}) .select("circle") .attr("fill", "black"); node .filter(function(d) { if(d.type == "primary"){ for(var i=0; i"+d.source.id+" - "+d.target.id + "
"+ "lat: "+((d.latency != -1)?(humanize.formatNumber(d.latency, 3)+"ms"):"unknown")+ "; throughput: "+((d.throughput != -1)?(filesize(d.throughput/8, {bits: true})+"ps"):"unknown")+ ";
retransmits: "+((d.retransmits != -1)?(humanize.intComma(d.retransmits)):"unknown")+ "; packets-lost: "+((d.packets_lost != -1)?(humanize.formatNumber(d.packets_lost*100.0,5)+"%"):"unknown") ); var participatingNodes = []; var usedNodesCur = usedNodes(false); for(var i=0; iNodes having path through the segment:
"+window._.uniq(participatingNodes.map(function(d) { // return d.id // })).sort().join("
")); break; case "g": item_select.select("circle") .classed("overed", true) .attr("r", 6); var as_str = (d.as)?(" (as"+d.as+")"):""; //tip.html(d.id+as_str); //nodesDiv.html(""); break; } overNode = item_found; } }); return svg.node(); }32:[] 2f:{"id":"d6007cab699e5b8f","slug":null,"title":"","thumbnail":"72c260ce138f1ce4643f98972c2dab93c84d7431085ac7405fc56538ff7a618c","access_level":"public","create_time":"$D2023-04-21T23:22:23.475Z","update_time":"$D2023-04-21T23:22:23.475Z","view_time":null,"first_public_time":"$D2023-04-21T23:22:23.475Z","has_unpublished_edits":null,"fork":{"id":"ba0bd1df8e82eded","slug":"traffic","title":"Nautilus Namespace Traffic","owner":{"id":"8671851faf43ebf0","login":"nrp-nautilus","name":"NRP Nautilus"}},"stars":0,"starred":false,"owner":{"type":"team","id":"94ee429d7ca96acb","login":"dimm0","name":"Dmitry Mishin","avatar_url":"https://avatars-next.observableusercontent.com/764c4c57471b19bea121ea48700b457b865afd49eef4569502ff4262b97f8045","tier":"starter_2024"},"version":343,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"0f4bdf58b74340e5","login":"dimm0","name":"Dmitry Mishin","avatar_url":"https://avatars-next.observableusercontent.com/764c4c57471b19bea121ea48700b457b865afd49eef4569502ff4262b97f8045","tier":null}],"members":[{"type":"individual","id":"0f4bdf58b74340e5","login":"dimm0","name":"Dmitry Mishin","avatar_url":"https://avatars-next.observableusercontent.com/764c4c57471b19bea121ea48700b457b865afd49eef4569502ff4262b97f8045","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"","cells":[{"id":246,"value":"viewof text = Inputs.text({label: \"Name\"})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":290,"value":"graph = d3.json(\"https://traceroute.nrp-nautilus.io/graph_straight.json\")\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":293,"value":" mapData = d3.json(\"https://traceroute.nrp-nautilus.io/world.geojson\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":36,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":0,"value":"d3 = require('d3@5')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":170,"value":"underscore = require(\"//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js\");","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":196,"value":" Array.prototype.contains = function(obj) {\n var i = this.length;\n while (i--) {\n if (this[i] === obj) {\n return true;\n }\n }\n return false;\n };\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":204,"value":" Array.prototype.deleteElement = function(obj) {\n var elm_index = this.indexOf(obj);\n if (elm_index > -1) {\n this.splice(elm_index, 1);\n }\n };\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":168,"value":"humanize = require(\"//cdnjs.cloudflare.com/ajax/libs/humanize-plus/1.8.2/humanize.min.js\");","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":128,"value":"topojson = require(\"//cdnjs.cloudflare.com/ajax/libs/topojson/3.0.2/topojson.min.js\");","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":172,"value":"filesize = require(\"//cdnjs.cloudflare.com/ajax/libs/filesize/3.6.1/filesize.min.js\");","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W32","stdlib":"1"}} 30:"$2f:body"