element provides an accessible, short-text description of any SVG container element or graphics element. //Text in a <title> element is not rendered as part of the graphic, but browsers usually display it as a tooltip. link.append("title") .text(d => d.type); const edgepaths = svg.selectAll(".edgepath") //make path go along with the link provide position for link labels .data(dataset.links) .enter() .append('path') .attr('class', 'edgepath') .attr('fill-opacity', 0) .attr('stroke-opacity', 0) .attr('id', function (d, i) {return 'edgepath' + i}) .style("pointer-events", "none"); const edgelabels = svg.selectAll(".edgelabel") .data(dataset.links) .enter() .append('text') .style("pointer-events", "none") .attr('class', 'edgelabel') .attr('id', function (d, i) {return 'edgelabel' + i}) .attr('font-size', 10) .attr('fill', '#aaa'); edgelabels.append('textPath') //To render text along the shape of a <path>, enclose the text in a <textPath> element that has an href attribute with a reference to the <path> element. .attr('xlink:href', function (d, i) {return '#edgepath' + i}) .style("text-anchor", "middle") .style("pointer-events", "none") .attr("startOffset", "50%") .text(d => d.type); // Initialize the nodes const node = svg.selectAll(".nodes") .data(dataset.nodes) .enter() .append("g") .attr("class", "nodes") node.call(d3.drag() //sets the event listener for the specified typenames and returns the drag behavior. .on("start", dragstarted) //start - after a new pointer becomes active (on mousedown or touchstart). .on("drag", dragged) //drag - after an active pointer moves (on mousemove or touchmove). ); node.append("circle") .attr("r", d=>34)//+ d.runtime/20 ) .attr("id",d=> "circle") .style("stroke", "grey") .style("stroke-opacity",0.3) // set the font size to 14 pixels //.style("stroke-width", 10) .style("stroke-width", d => d.src_dst) .style("fill", d => colorScale1(d.cc)) node.append("title") .text(d => d.id + "| " + d.name); node.append("text") .attr("dy", 4) .attr("dx", -15) .style("font-size", "10px") // set the font size to 14 pixels .style("font-family", "Arial") // set the font family to Arial .style("font-weight", "bold") // set the font weight to bold .text(d => d.id + " " + d.name); //node.append("text") // .attr("dy", 4) // .attr("dx", -15) // .style("font-size", "10px") //.text(d => d.id + " " + d.name); //node.append("text") // .attr("dy",12) // .attr("dx", -8) // .text(d=> d.src_dst); //set up dictionary of neighbors var neighborTarget= {}; for (var i=0; i < dataset.nodes.length; i++ ){ var id = dataset.nodes[i].id; neighborTarget[id] = dataset.links.filter(function(d){ return d.source == id; }).map(function(d){ return d.target; }) } var neighborSource = {}; for (var i=0; i < dataset.nodes.length; i++ ){ var id = dataset.nodes[i].id; neighborSource[id] = dataset.links.filter(function(d){ return d.target == id; }).map(function(d){ return d.source; }) } console.log("neighborSource is ",neighborSource); console.log("neighborTarget is ",neighborTarget); node.selectAll("circle").on("click",function(d){ var active = d.active? false : true // toggle whether node is active , newStroke = active ? "yellow":"grey" , newStrokeIn = active ? "green":"grey" , newStrokeOut = active? "red": "grey" , newOpacity = active? 0.6: 0.3 , subgraphOpacity = active? 0.9:0; // subgraph.selectAll("text") // .text("ASN: " +d.id) // .attr("dy",14) // .attr("dx",14) //extract node's id and ids of its neighbors var id =d.id , neighborS = neighborSource[id] , neighborT = neighborTarget[id]; console.log("neighbors is from ",neighborS," to ", neighborT); d3.selectAll("#circle"+id).style("stroke-opacity", newOpacity); d3.selectAll("#circle"+id).style("stroke", newStroke); d3.selectAll("#subgraph").style("opacity",subgraphOpacity) //highlight the current node and its neighbors for (var i =0; i < neighborS.length; i++){ d3.selectAll("#line"+neighborS[i]+id).style("stroke", newStrokeIn); d3.selectAll("#circle"+neighborS[i]).style("stroke-opacity", newOpacity).style("stroke", newStrokeIn); } for (var i =0; i < neighborT.length; i++){ d3.selectAll("#line"+id+neighborT[i]).style("stroke", newStrokeOut); d3.selectAll("#circle"+neighborT[i]).style("stroke-opacity", newOpacity).style("stroke", newStrokeOut); } //update whether or not the node is active d.active =active; }) //Listen for tick events to render the nodes as they update in your Canvas or SVG. simulation .nodes(dataset.nodes) .on("tick", ticked); simulation.force("link") .links(dataset.links); // This function is run at each iteration of the force algorithm, updating the nodes position (the nodes data array is directly manipulated). 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("transform", d => `translate(${d.x},${d.y})`); edgepaths.attr('d', d => 'M ' + d.source.x + ' ' + d.source.y + ' L ' + d.target.x + ' ' + d.target.y); } //When the drag gesture starts, the targeted node is fixed to the pointer //The simulation is temporarily “heated” during interaction by setting the target alpha to a non-zero value. function dragstarted(d) { if (!d3.event.active) simulation.alphaTarget(0.3).restart();//sets the current target alpha to the specified number in the range [0,1]. d.fy = d.y; //fx - the node’s fixed x-position. Original is null. d.fx = d.x; //fy - the node’s fixed y-position. Original is null. } //When the drag gesture starts, the targeted node is fixed to the pointer function dragged(d) { d.fx = d3.event.x; d.fy = d3.event.y; } // drawing the legend const legend_g = svg.selectAll(".legend") .data(colorScale1.domain()) .enter().append("g") .attr("class", "legend") .attr("transform", (d, i) => `translate(${width},${i * 25})`); legend_g.append("circle") .attr("cx", 0) .attr("cy", 0) .attr("r", 8) // increase the radius to 8 pixels .attr("fill", colorScale1); legend_g.append("text") .attr("x", 14) // increase the horizontal spacing between circle and text to 14 pixels .attr("y", 5) .style("font-size", "14px") // increase the font size to 14 pixels .text(d => d); // const legend_g2 = svg.append("g") //.attr("transform", (d, i) => `translate(${width},${i * 20})`); // .attr("transform", `translate(${width}, 120)`); // legend_g2.append("circle") // .attr("r", 5) // .attr("cx", 0) // .attr("cy", 20) // .style("stroke", "grey") // .style("stroke-opacity",0.3) // .style("stroke-width", 15) // .style("fill", "grey") // legend_g2.append("text") // .attr("x",15) // .attr("y",25) // .text("Src/Dst"); return div }2f:[{"id":"36410a0e7ca7cb36a7673a4f10c076669f95f6680aa59f8dd7e983674d8064a80a738cefb673410757199a68f9153cad4884a64fcbc0cc717f74000aac90c139","href":"https://static.observableusercontent.com/files/36410a0e7ca7cb36a7673a4f10c076669f95f6680aa59f8dd7e983674d8064a80a738cefb673410757199a68f9153cad4884a64fcbc0cc717f74000aac90c139","name":"family-asn-topology.json","type":"application/json","lastModified":1680284804675.769,"size":11592},{"id":"430df8849911f7cb66cb02a04b90bec9b73bee28f2b9a28104acb12b60f19d976a6ebe856ba9f07eb3c06b87fd31b250b19daa66f6b46a93eb78bb6aca280030","href":"https://static.observableusercontent.com/files/430df8849911f7cb66cb02a04b90bec9b73bee28f2b9a28104acb12b60f19d976a6ebe856ba9f07eb3c06b87fd31b250b19daa66f6b46a93eb78bb6aca280030","name":"Screenshot 2023-04-02 at 11.57.40.png","type":"image/png","lastModified":1680429482049.209,"size":221025},{"id":"d1944827ddf7b1f761dbab2a44c5dd24e30b9f5dbc8f5fbf6648b629101f403311fcdbd5bbbb512a9457ae511e63aee0d06eeec7eb73a5dd615e4427044a1fb6","href":"https://static.observableusercontent.com/files/d1944827ddf7b1f761dbab2a44c5dd24e30b9f5dbc8f5fbf6648b629101f403311fcdbd5bbbb512a9457ae511e63aee0d06eeec7eb73a5dd615e4427044a1fb6","name":"family-asn-topology@1.json","type":"application/json","lastModified":1680284824413.778,"size":12930},{"id":"60980a20607dcbaabb0fcd4cc2a502b10b69481405c002f7a6ed08bea9fb533c465c52ad11384ed8a5551a5bc60d513b2f301c495afe7eda7be2100a8f445780","href":"https://static.observableusercontent.com/files/60980a20607dcbaabb0fcd4cc2a502b10b69481405c002f7a6ed08bea9fb533c465c52ad11384ed8a5551a5bc60d513b2f301c495afe7eda7be2100a8f445780","name":"family-asn-topology@2.json","type":"application/json","lastModified":1680352588371.029,"size":17929},{"id":"20395badda7b98676413c79dce845e7c938256600055797a814d99b23bdd0db2d28485c87681351d3ada20952750513faea781ea800e2ca49872f17a796fafc3","href":"https://static.observableusercontent.com/files/20395badda7b98676413c79dce845e7c938256600055797a814d99b23bdd0db2d28485c87681351d3ada20952750513faea781ea800e2ca49872f17a796fafc3","name":"family-asn-topology@3.json","type":"application/json","lastModified":1680367908598.58,"size":18310},{"id":"11a6b72f27436d5cb6e708774210e4ae8630ee94f449f1e7c7f892211d3029b87f1713b8f98e442763ccce07648e9dc54e412f39570142af480936dd68958f81","href":"https://static.observableusercontent.com/files/11a6b72f27436d5cb6e708774210e4ae8630ee94f449f1e7c7f892211d3029b87f1713b8f98e442763ccce07648e9dc54e412f39570142af480936dd68958f81","name":"family-asn-topology@4.json","type":"application/json","lastModified":1680370724493.289,"size":18230},{"id":"00560e13f53654e1bd1cfa68e655c8c2a7e4898a24036ee7b17902f61f98910feaa0241665d26386f4912a710ba9fca0e3a35268662b3e5b31263f7c8d90d329","href":"https://static.observableusercontent.com/files/00560e13f53654e1bd1cfa68e655c8c2a7e4898a24036ee7b17902f61f98910feaa0241665d26386f4912a710ba9fca0e3a35268662b3e5b31263f7c8d90d329","name":"family-asn-topology@5.json","type":"application/json","lastModified":1680411607871.214,"size":11560},{"id":"86dbb9efab55efb151bf0de4651291a81fe49ab5820d15358ea69b001f04ada817408926a4ce730621057e4a1235c524e4d5d3dd8b7f57c6c7de22b37dc2f792","href":"https://static.observableusercontent.com/files/86dbb9efab55efb151bf0de4651291a81fe49ab5820d15358ea69b001f04ada817408926a4ce730621057e4a1235c524e4d5d3dd8b7f57c6c7de22b37dc2f792","name":"family-asn-topology@6.json","type":"application/json","lastModified":1680415685509.151,"size":12878},{"id":"7c9152eef072d5ee733095ac8c01ffdd32872ac7131768393f8369117a9839ec3613453aa8bb162988860e2ffc5b5305e44c805eb9480366e666773e7cb279c8","href":"https://static.observableusercontent.com/files/7c9152eef072d5ee733095ac8c01ffdd32872ac7131768393f8369117a9839ec3613453aa8bb162988860e2ffc5b5305e44c805eb9480366e666773e7cb279c8","name":"family-asn-topology@7.json","type":"application/json","lastModified":1680422218856.532,"size":12512},{"id":"67fc0253eeb7a4a10b284bf95b806dbb174b0d741b2e01d15902190649b9b8ea88608d758502c08612185824afa9c8b387a04f2efbbc5ca592e1b9fa58fd8eaf","href":"https://static.observableusercontent.com/files/67fc0253eeb7a4a10b284bf95b806dbb174b0d741b2e01d15902190649b9b8ea88608d758502c08612185824afa9c8b387a04f2efbbc5ca592e1b9fa58fd8eaf","name":"Screenshot 2023-04-02 at 10.24.55.png","type":"image/png","lastModified":1680424150778.627,"size":179849},{"id":"64b69920b00a7177bb224c98b920e23ed3b64cd60bccd9d6ba8d45325535e940bead1b8b744c8b49ab2c06045b8457ca4bda96affc95a4f975d7dafa30e7d46e","href":"https://static.observableusercontent.com/files/64b69920b00a7177bb224c98b920e23ed3b64cd60bccd9d6ba8d45325535e940bead1b8b744c8b49ab2c06045b8457ca4bda96affc95a4f975d7dafa30e7d46e","name":"Screenshot 2023-04-02 at 10.55.38.png","type":"image/png","lastModified":1680425879537.368,"size":127501},{"id":"64b69920b00a7177bb224c98b920e23ed3b64cd60bccd9d6ba8d45325535e940bead1b8b744c8b49ab2c06045b8457ca4bda96affc95a4f975d7dafa30e7d46e","href":"https://static.observableusercontent.com/files/64b69920b00a7177bb224c98b920e23ed3b64cd60bccd9d6ba8d45325535e940bead1b8b744c8b49ab2c06045b8457ca4bda96affc95a4f975d7dafa30e7d46e","name":"Screenshot 2023-04-02 at 10@1.55.38.png","type":"image/png","lastModified":1680426933365.962,"size":127501},{"id":"45574bb55bea346b16df0a334dcbde336b4c0098c354b06f2665ff95fe12d4ba89dd637f13e6a95301f819ef89332f3396468f17b451d076239de4e6f3c8ead4","href":"https://static.observableusercontent.com/files/45574bb55bea346b16df0a334dcbde336b4c0098c354b06f2665ff95fe12d4ba89dd637f13e6a95301f819ef89332f3396468f17b451d076239de4e6f3c8ead4","name":"Screenshot 2023-04-02 at 11.17.41.png","type":"image/png","lastModified":1680427076497.599,"size":132048},{"id":"3c7d31b2a690907caa3db61123573efc30eaf9515bbdc53484e08db6524548ba2b3c8b35be7abeed951471f73f509c2e203b15191d314c6ddcb60be576255568","href":"https://static.observableusercontent.com/files/3c7d31b2a690907caa3db61123573efc30eaf9515bbdc53484e08db6524548ba2b3c8b35be7abeed951471f73f509c2e203b15191d314c6ddcb60be576255568","name":"Screenshot 2023-04-02 at 11.18.13.png","type":"image/png","lastModified":1680427110230.913,"size":111466},{"id":"3c7d31b2a690907caa3db61123573efc30eaf9515bbdc53484e08db6524548ba2b3c8b35be7abeed951471f73f509c2e203b15191d314c6ddcb60be576255568","href":"https://static.observableusercontent.com/files/3c7d31b2a690907caa3db61123573efc30eaf9515bbdc53484e08db6524548ba2b3c8b35be7abeed951471f73f509c2e203b15191d314c6ddcb60be576255568","name":"Screenshot 2023-04-02 at 11@1.18.13.png","type":"image/png","lastModified":1680427140222.147,"size":111466},{"id":"087ef2251eb4a5938b26731e4548402570252cf817539bd8e243ce4dbed1ba6f3e4a531c2ed9d5f27beb22ee8737f125930073c640aab67dc30448f3f4424cbe","href":"https://static.observableusercontent.com/files/087ef2251eb4a5938b26731e4548402570252cf817539bd8e243ce4dbed1ba6f3e4a531c2ed9d5f27beb22ee8737f125930073c640aab67dc30448f3f4424cbe","name":"Screenshot 2023-04-02 at 11.22.41.png","type":"image/png","lastModified":1680427378903.155,"size":291818},{"id":"9b46c952640e9504a01085a5770115c57494d9efb46c385702d5b2d2d039816ad6c3a1c0484ce680e80125f2950822b17f9d79d2c83e04ed61c88dc20d34c3b6","href":"https://static.observableusercontent.com/files/9b46c952640e9504a01085a5770115c57494d9efb46c385702d5b2d2d039816ad6c3a1c0484ce680e80125f2950822b17f9d79d2c83e04ed61c88dc20d34c3b6","name":"Screenshot 2023-04-02 at 11.34.10.png","type":"image/png","lastModified":1680428065712.857,"size":153152},{"id":"593a60b4f987e7263f7461fa6ea6113ae73af8ca4fded7f32771755806001feac0c033b5042802db38234aa0970cbbf677aee3a508bdf10f7efc57dee0379373","href":"https://static.observableusercontent.com/files/593a60b4f987e7263f7461fa6ea6113ae73af8ca4fded7f32771755806001feac0c033b5042802db38234aa0970cbbf677aee3a508bdf10f7efc57dee0379373","name":"Screenshot 2023-04-02 at 11.38.23.png","type":"image/png","lastModified":1680428363763.881,"size":207615},{"id":"0619652442862dfda55cfd7fc4e5699a4d9e3e1ecf8fb4ab40d501508c0321e32b2b54624b7746e877713d6febae83e6a655300877c7b6599af548481c711ad1","href":"https://static.observableusercontent.com/files/0619652442862dfda55cfd7fc4e5699a4d9e3e1ecf8fb4ab40d501508c0321e32b2b54624b7746e877713d6febae83e6a655300877c7b6599af548481c711ad1","name":"Screenshot 2023-04-02 at 11.40.48.png","type":"image/png","lastModified":1680428461325.724,"size":221070},{"id":"ca6171263b3ea34049fe119477d223b28f59e84bb841e3c0af8375c586bc5e117118459fbda9e0304d10db01dc700742c49016024588b3a5e7fe51736152ca3d","href":"https://static.observableusercontent.com/files/ca6171263b3ea34049fe119477d223b28f59e84bb841e3c0af8375c586bc5e117118459fbda9e0304d10db01dc700742c49016024588b3a5e7fe51736152ca3d","name":"Screenshot 2023-04-02 at 11.41.16.png","type":"image/png","lastModified":1680428497400.198,"size":216231},{"id":"81a31f1471e355f5a9cf97eeab664505815c1e5127ad964b0da47146284793a6c31e37c5552dfc0b911471b67f6ab713bab17ade1afbbba0b37c4dd3e415b1ad","href":"https://static.observableusercontent.com/files/81a31f1471e355f5a9cf97eeab664505815c1e5127ad964b0da47146284793a6c31e37c5552dfc0b911471b67f6ab713bab17ade1afbbba0b37c4dd3e415b1ad","name":"Screenshot 2023-04-02 at 11.49.59.png","type":"image/png","lastModified":1680429012828.671,"size":138254},{"id":"993e50a6b460bfc1ff2f001cded58e0c36c9096cfa9ff74c3d1dd79702e1a3c5ad858d25cc69fc867004f2a64aa29a770f87f383a43ee47f0e33837fc0ed91b8","href":"https://static.observableusercontent.com/files/993e50a6b460bfc1ff2f001cded58e0c36c9096cfa9ff74c3d1dd79702e1a3c5ad858d25cc69fc867004f2a64aa29a770f87f383a43ee47f0e33837fc0ed91b8","name":"Screenshot 2023-04-02 at 11.54.56.png","type":"image/png","lastModified":1680429336618.131,"size":133067},{"id":"81a2442d1f1cd9d1b1e36497d98a493f93385734581081bb2257f7bfb3314a2e25235ce6b467495604dfba921b3d9529a7216d53f872a00f6886741205628779","href":"https://static.observableusercontent.com/files/81a2442d1f1cd9d1b1e36497d98a493f93385734581081bb2257f7bfb3314a2e25235ce6b467495604dfba921b3d9529a7216d53f872a00f6886741205628779","name":"family-asn-topology@8.json","type":"application/json","lastModified":1680446664545.012,"size":17504}] 2b:{"id":"73ca0d3f2b393aa9","slug":null,"title":"Topology from RIPE Atlas Traceroutes","thumbnail":"8248a2a204fa867bbdde98a809fdf61dd5bc2f177fe98c01e9939411d667f22c","access_level":"public","create_time":"$D2023-03-31T17:46:44.675Z","update_time":"$D2023-06-15T10:19:24.281Z","view_time":null,"first_public_time":"$D2023-03-31T17:46:44.675Z","has_unpublished_edits":null,"fork":{"id":"fe50fd50d7d22ac0","slug":null,"title":"Topology from RIPE Atlas Traceroutes","owner":{"id":"32e6f15958be7d48","login":"qasimlone","name":""}},"stars":0,"starred":false,"owner":{"type":"team","id":"32e6f15958be7d48","login":"qasimlone","name":"","avatar_url":"https://avatars-next.observableusercontent.com/8df089564135766625db6ae5c024fa7144de49b45320af5afb4dae1495f2c1a5","tier":"starter_2024"},"version":600,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"e73a08859df70266","login":"qasimlone","name":"","avatar_url":"https://avatars-next.observableusercontent.com/8df089564135766625db6ae5c024fa7144de49b45320af5afb4dae1495f2c1a5","tier":null}],"members":[{"type":"individual","id":"e73a08859df70266","login":"qasimlone","name":"","avatar_url":"https://avatars-next.observableusercontent.com/8df089564135766625db6ae5c024fa7144de49b45320af5afb4dae1495f2c1a5","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Topology from RIPE Atlas Traceroutes","cells":[{"id":0,"value":"md`# Topology from RIPE Atlas Traceroutes`\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":596,"value":"$2d","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":473,"value":"dataset","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":213,"value":"viewof dataset = Inputs.select(familyAsnTopology, {label: \"Select a family\", format: x => x.fam})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":27,"value":"$2e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":592,"value":"Suggestions \n- [ ] Make source and destination more clear \n- [ ] Make the path show when we click on an ASes\n- [ ] Easier to see visualization with hygimoney ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":480,"value":"# Notes","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":482,"value":"## 4iG","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":484,"value":"- AS 20845 is directly connected to AS42313\n- The following figure shows the traceroute from AS 42313 to AS20845.\n - The path goes through AS12713 and we observe timeouts after that\n - There are multiple private IPs (RFC 1918) in the traceroute","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":479,"value":"screenshot20230402At102455 = FileAttachment(\"Screenshot 2023-04-02 at 10.24.55.png\").image()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":487,"value":"## Telecom Slovinia","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":489,"value":"#### From AS21246 to AS5603","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":491,"value":"Eventhough the traceroute shown below did not reach the target. However, we do see that there is no upstream in the middle","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":493,"value":"screenshot20230402At105538 = FileAttachment(\"Screenshot 2023-04-02 at 10.55.38.png\").image()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":499,"value":"### From AS5603 to AS21246","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":508,"value":"screenshot20230402At1111813 = FileAttachment(\"Screenshot 2023-04-02 at 11@1.18.13.png\").image()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":510,"value":"## Deutsche Telekom","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":513,"value":"### From AS6799 to AS5391","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":512,"value":"screenshot20230402At112241 = FileAttachment(\"Screenshot 2023-04-02 at 11.22.41.png\").image()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":515,"value":"### Orange","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":517,"value":"- msm_id:49282296 from_prb:17082 from_asn:3215 to_prb:61275 to_asn:9050\n- We see it transits through level3","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":519,"value":"screenshot20230402At113410 = FileAttachment(\"Screenshot 2023-04-02 at 11.34.10.png\").image()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":521,"value":"msm_id:49282284 from_prb:1001563 from_asn:16019 to_prb:13308 to_asn:15480","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":525,"value":"screenshot20230402At113823 = FileAttachment(\"Screenshot 2023-04-02 at 11.38.23.png\").image()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":526,"value":"msm_id:49282293 from_prb:1001563 from_asn:16019 to_prb:28765 to_asn:3209","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":530,"value":"screenshot20230402At114116 = FileAttachment(\"Screenshot 2023-04-02 at 11.41.16.png\").image()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":532,"value":"### A1","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":534,"value":"msm_id:49282273 from_prb:12370 from_asn:31012 to_prb:28126 to_asn:12716","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":537,"value":"We observe AS3356 in the path between the family","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":536,"value":"screenshot20230402At114959 = FileAttachment(\"Screenshot 2023-04-02 at 11.49.59.png\").image()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":540,"value":"msm_id:49282278 from_prb:12370 from_asn:31012 to_prb:16227 to_asn:29580","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":548,"value":"screenshot20230402At115456 = FileAttachment(\"Screenshot 2023-04-02 at 11.54.56.png\").image()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":542,"value":"Again we see 3356 peering within family ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":553,"value":"## United Group","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":555,"value":"msm_id:49282268 from_prb:14628 from_asn:42560 to_prb:53393 to_asn:1241","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":557,"value":"screenshot20230402At115740 = FileAttachment(\"Screenshot 2023-04-02 at 11.57.40.png\").image()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":210,"value":"familyAsnTopology =FileAttachment(\"family-asn-topology@8.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":224,"value":"//printTable(data)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":312,"value":"d3 = require('d3@5')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":318,"value":"margin = ({top: 30, right: 80, bottom: 5, left: 5}); ","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":322,"value":"width = 890 - margin.left - margin.right","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":325,"value":"height = 800 - margin.top - margin.bottom","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":287,"value":"//import {d3} from \"https://cdn.skypack.dev/d3@7.0.0\";","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":328,"value":"html`\n<style> \n\n .links { \n // stroke: #999; \n stroke-opacity: 0.4; \n // stroke-width: 1px; \n }\n\n text {\n pointer-events: none;\n fill: #000;\n font: 10px sans-serif;\n }\n\n svg{\n border:1px solid #000;\n }\n\n</style>`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":334,"value":"import {printTable} from \"@uwdata/data-utilities\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":338,"value":"colorScale = d3.scaleOrdinal() //=d3.scaleOrdinal(d3.schemeSet2)\n.domain([ \"Source/Destination\",\"Transit\"])\n.range([ '#9e79db','#86cbff'])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":469,"value":"colorScale1 = d3.scaleOrdinal(d3.schemeTableau10).domain(d3.set(dataset.nodes.map(d => d.cc)).values()); ","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":341,"value":"//create a simulation for an array of nodes, and compose the desired forces.\nsimulation = d3.forceSimulation()\n .force(\"link\", d3.forceLink() // This force provides links between nodes\n .id(d => d.id) // This sets the node id accessor to the specified function. If not specified, will default to the index of a node.\n .distance(120)\n ) \n .force(\"charge\", d3.forceManyBody().strength(-700)) // This adds repulsion (if it's negative) between nodes. \n .force(\"center\", d3.forceCenter(width / 2, height / 2)); // This force attracts nodes to the center of the svg area","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2f","stdlib":"1","titling":"auto"}} 2c:"$2b:body" </article></body></html>

27:null 28:["$","title",null,{"children":"Topology from RIPE Atlas Traceroutes | qasimlone | Observable"}] 2d:T4a9,In this notebook, our focus was on exploring the connectivity of Autonomous Systems (ASes) originating in the SEE (South-East Europe) region. Our approach involved identifying eye-ball networks in the region and manually collecting the ASes that belong to these networks, whether they are located within or outside the region. Subsequently, we leveraged the RIPE Atlas probes associated with these networks to construct a mesh network for each AS family. The analysis of our results unveiled intriguing patterns within the AS families. Notably, in the case of Telecom Serbia, we observed direct connectivity among its constituent ASes. Conversely, for Orange, we discovered that the connectivity between ASes in Romania and France relied on AS1299 (Arelion) or AS3257 (GTT) as their upstream providers. It is important to mention that the country tag is based on the probe host, and in our visualization, the term "Transit" indicates ASes from which measurements did not originate or terminate. Please note that this work is still in progress, and the implementation of this prototype represents the initial endeavor to utilize RIPE Atlas for measuring the connectivity between AS families. 2e:T265a,myChart={ const div = html`

`; const svg = d3.select(div) .append("svg") .attr("width", width + margin.left + margin.right) .attr("height", height + margin.top + margin.bottom) .append("g") .attr("transform", `translate(${margin.left},${margin.top})`); const subgraphWidth = width*2/8; const subgraphHeight = height*1/5; const subgraph = svg.append("g") .attr("id", "subgraph") .attr("transform", `translate(${width - subgraphWidth - 20}, 0)`); subgraph.append("text") .style("font-size","80px") //appending little triangles, path object, as arrowhead //The element is used to store graphical objects that will be used at a later time //The element defines the graphic that is to be used for drawing arrowheads or polymarkers on a given , , or element. svg.append('defs').append('marker') .attr("id",'arrowhead') .attr('viewBox','-0 -5 10 10') //the bound of the SVG viewport for the current SVG fragment. defines a coordinate system 10 wide and 10 high starting on (0,-5) .attr('refX',38) // x coordinate for the reference point of the marker. If circle is bigger, this need to be bigger. .attr('refY',0) .attr('orient','auto') .attr('markerWidth',6) .attr('markerHeight',6) .attr('xoverflow','visible') .append('svg:path') .attr('d', 'M 0,-5 L 10 ,0 L 0,5') .attr('fill', '#999') .style('stroke','none'); svg.append("text") .text("Traceroute Topology") .attr("text-anchor","middle") .attr("x",width/2) .style("font-size","20px") console.log("dataset is ...",dataset); // Initialize the links const link = svg.selectAll(".links") .data(dataset.links) .enter() .append("line") .attr("class", "links") .attr("stroke","#999") .attr("stroke-width","2px") .style("opacity", 0.8) .attr("id",d=> "line"+d.source+d.target) .attr("class", "links") .attr('marker-end','url(#arrowhead)') //The marker-end attribute defines the arrowhead or polymarker that will be drawn at the final vertex of the given shape. //The element provides an accessible, short-text description of any SVG container element or graphics element. //Text in a <title> element is not rendered as part of the graphic, but browsers usually display it as a tooltip. link.append("title") .text(d => d.type); const edgepaths = svg.selectAll(".edgepath") //make path go along with the link provide position for link labels .data(dataset.links) .enter() .append('path') .attr('class', 'edgepath') .attr('fill-opacity', 0) .attr('stroke-opacity', 0) .attr('id', function (d, i) {return 'edgepath' + i}) .style("pointer-events", "none"); const edgelabels = svg.selectAll(".edgelabel") .data(dataset.links) .enter() .append('text') .style("pointer-events", "none") .attr('class', 'edgelabel') .attr('id', function (d, i) {return 'edgelabel' + i}) .attr('font-size', 10) .attr('fill', '#aaa'); edgelabels.append('textPath') //To render text along the shape of a <path>, enclose the text in a <textPath> element that has an href attribute with a reference to the <path> element. .attr('xlink:href', function (d, i) {return '#edgepath' + i}) .style("text-anchor", "middle") .style("pointer-events", "none") .attr("startOffset", "50%") .text(d => d.type); // Initialize the nodes const node = svg.selectAll(".nodes") .data(dataset.nodes) .enter() .append("g") .attr("class", "nodes") node.call(d3.drag() //sets the event listener for the specified typenames and returns the drag behavior. .on("start", dragstarted) //start - after a new pointer becomes active (on mousedown or touchstart). .on("drag", dragged) //drag - after an active pointer moves (on mousemove or touchmove). ); node.append("circle") .attr("r", d=>34)//+ d.runtime/20 ) .attr("id",d=> "circle") .style("stroke", "grey") .style("stroke-opacity",0.3) // set the font size to 14 pixels //.style("stroke-width", 10) .style("stroke-width", d => d.src_dst) .style("fill", d => colorScale1(d.cc)) node.append("title") .text(d => d.id + "| " + d.name); node.append("text") .attr("dy", 4) .attr("dx", -15) .style("font-size", "10px") // set the font size to 14 pixels .style("font-family", "Arial") // set the font family to Arial .style("font-weight", "bold") // set the font weight to bold .text(d => d.id + " " + d.name); //node.append("text") // .attr("dy", 4) // .attr("dx", -15) // .style("font-size", "10px") //.text(d => d.id + " " + d.name); //node.append("text") // .attr("dy",12) // .attr("dx", -8) // .text(d=> d.src_dst); //set up dictionary of neighbors var neighborTarget= {}; for (var i=0; i < dataset.nodes.length; i++ ){ var id = dataset.nodes[i].id; neighborTarget[id] = dataset.links.filter(function(d){ return d.source == id; }).map(function(d){ return d.target; }) } var neighborSource = {}; for (var i=0; i < dataset.nodes.length; i++ ){ var id = dataset.nodes[i].id; neighborSource[id] = dataset.links.filter(function(d){ return d.target == id; }).map(function(d){ return d.source; }) } console.log("neighborSource is ",neighborSource); console.log("neighborTarget is ",neighborTarget); node.selectAll("circle").on("click",function(d){ var active = d.active? false : true // toggle whether node is active , newStroke = active ? "yellow":"grey" , newStrokeIn = active ? "green":"grey" , newStrokeOut = active? "red": "grey" , newOpacity = active? 0.6: 0.3 , subgraphOpacity = active? 0.9:0; // subgraph.selectAll("text") // .text("ASN: " +d.id) // .attr("dy",14) // .attr("dx",14) //extract node's id and ids of its neighbors var id =d.id , neighborS = neighborSource[id] , neighborT = neighborTarget[id]; console.log("neighbors is from ",neighborS," to ", neighborT); d3.selectAll("#circle"+id).style("stroke-opacity", newOpacity); d3.selectAll("#circle"+id).style("stroke", newStroke); d3.selectAll("#subgraph").style("opacity",subgraphOpacity) //highlight the current node and its neighbors for (var i =0; i < neighborS.length; i++){ d3.selectAll("#line"+neighborS[i]+id).style("stroke", newStrokeIn); d3.selectAll("#circle"+neighborS[i]).style("stroke-opacity", newOpacity).style("stroke", newStrokeIn); } for (var i =0; i < neighborT.length; i++){ d3.selectAll("#line"+id+neighborT[i]).style("stroke", newStrokeOut); d3.selectAll("#circle"+neighborT[i]).style("stroke-opacity", newOpacity).style("stroke", newStrokeOut); } //update whether or not the node is active d.active =active; }) //Listen for tick events to render the nodes as they update in your Canvas or SVG. simulation .nodes(dataset.nodes) .on("tick", ticked); simulation.force("link") .links(dataset.links); // This function is run at each iteration of the force algorithm, updating the nodes position (the nodes data array is directly manipulated). 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("transform", d => `translate(${d.x},${d.y})`); edgepaths.attr('d', d => 'M ' + d.source.x + ' ' + d.source.y + ' L ' + d.target.x + ' ' + d.target.y); } //When the drag gesture starts, the targeted node is fixed to the pointer //The simulation is temporarily “heated” during interaction by setting the target alpha to a non-zero value. function dragstarted(d) { if (!d3.event.active) simulation.alphaTarget(0.3).restart();//sets the current target alpha to the specified number in the range [0,1]. d.fy = d.y; //fx - the node’s fixed x-position. Original is null. d.fx = d.x; //fy - the node’s fixed y-position. Original is null. } //When the drag gesture starts, the targeted node is fixed to the pointer function dragged(d) { d.fx = d3.event.x; d.fy = d3.event.y; } // drawing the legend const legend_g = svg.selectAll(".legend") .data(colorScale1.domain()) .enter().append("g") .attr("class", "legend") .attr("transform", (d, i) => `translate(${width},${i * 25})`); legend_g.append("circle") .attr("cx", 0) .attr("cy", 0) .attr("r", 8) // increase the radius to 8 pixels .attr("fill", colorScale1); legend_g.append("text") .attr("x", 14) // increase the horizontal spacing between circle and text to 14 pixels .attr("y", 5) .style("font-size", "14px") // increase the font size to 14 pixels .text(d => d); // const legend_g2 = svg.append("g") //.attr("transform", (d, i) => `translate(${width},${i * 20})`); // .attr("transform", `translate(${width}, 120)`); // legend_g2.append("circle") // .attr("r", 5) // .attr("cx", 0) // .attr("cy", 20) // .style("stroke", "grey") // .style("stroke-opacity",0.3) // .style("stroke-width", 15) // .style("fill", "grey") // legend_g2.append("text") // .attr("x",15) // .attr("y",25) // .text("Src/Dst"); return div }2f:[{"id":"36410a0e7ca7cb36a7673a4f10c076669f95f6680aa59f8dd7e983674d8064a80a738cefb673410757199a68f9153cad4884a64fcbc0cc717f74000aac90c139","href":"https://static.observableusercontent.com/files/36410a0e7ca7cb36a7673a4f10c076669f95f6680aa59f8dd7e983674d8064a80a738cefb673410757199a68f9153cad4884a64fcbc0cc717f74000aac90c139","name":"family-asn-topology.json","type":"application/json","lastModified":1680284804675.769,"size":11592},{"id":"430df8849911f7cb66cb02a04b90bec9b73bee28f2b9a28104acb12b60f19d976a6ebe856ba9f07eb3c06b87fd31b250b19daa66f6b46a93eb78bb6aca280030","href":"https://static.observableusercontent.com/files/430df8849911f7cb66cb02a04b90bec9b73bee28f2b9a28104acb12b60f19d976a6ebe856ba9f07eb3c06b87fd31b250b19daa66f6b46a93eb78bb6aca280030","name":"Screenshot 2023-04-02 at 11.57.40.png","type":"image/png","lastModified":1680429482049.209,"size":221025},{"id":"d1944827ddf7b1f761dbab2a44c5dd24e30b9f5dbc8f5fbf6648b629101f403311fcdbd5bbbb512a9457ae511e63aee0d06eeec7eb73a5dd615e4427044a1fb6","href":"https://static.observableusercontent.com/files/d1944827ddf7b1f761dbab2a44c5dd24e30b9f5dbc8f5fbf6648b629101f403311fcdbd5bbbb512a9457ae511e63aee0d06eeec7eb73a5dd615e4427044a1fb6","name":"family-asn-topology@1.json","type":"application/json","lastModified":1680284824413.778,"size":12930},{"id":"60980a20607dcbaabb0fcd4cc2a502b10b69481405c002f7a6ed08bea9fb533c465c52ad11384ed8a5551a5bc60d513b2f301c495afe7eda7be2100a8f445780","href":"https://static.observableusercontent.com/files/60980a20607dcbaabb0fcd4cc2a502b10b69481405c002f7a6ed08bea9fb533c465c52ad11384ed8a5551a5bc60d513b2f301c495afe7eda7be2100a8f445780","name":"family-asn-topology@2.json","type":"application/json","lastModified":1680352588371.029,"size":17929},{"id":"20395badda7b98676413c79dce845e7c938256600055797a814d99b23bdd0db2d28485c87681351d3ada20952750513faea781ea800e2ca49872f17a796fafc3","href":"https://static.observableusercontent.com/files/20395badda7b98676413c79dce845e7c938256600055797a814d99b23bdd0db2d28485c87681351d3ada20952750513faea781ea800e2ca49872f17a796fafc3","name":"family-asn-topology@3.json","type":"application/json","lastModified":1680367908598.58,"size":18310},{"id":"11a6b72f27436d5cb6e708774210e4ae8630ee94f449f1e7c7f892211d3029b87f1713b8f98e442763ccce07648e9dc54e412f39570142af480936dd68958f81","href":"https://static.observableusercontent.com/files/11a6b72f27436d5cb6e708774210e4ae8630ee94f449f1e7c7f892211d3029b87f1713b8f98e442763ccce07648e9dc54e412f39570142af480936dd68958f81","name":"family-asn-topology@4.json","type":"application/json","lastModified":1680370724493.289,"size":18230},{"id":"00560e13f53654e1bd1cfa68e655c8c2a7e4898a24036ee7b17902f61f98910feaa0241665d26386f4912a710ba9fca0e3a35268662b3e5b31263f7c8d90d329","href":"https://static.observableusercontent.com/files/00560e13f53654e1bd1cfa68e655c8c2a7e4898a24036ee7b17902f61f98910feaa0241665d26386f4912a710ba9fca0e3a35268662b3e5b31263f7c8d90d329","name":"family-asn-topology@5.json","type":"application/json","lastModified":1680411607871.214,"size":11560},{"id":"86dbb9efab55efb151bf0de4651291a81fe49ab5820d15358ea69b001f04ada817408926a4ce730621057e4a1235c524e4d5d3dd8b7f57c6c7de22b37dc2f792","href":"https://static.observableusercontent.com/files/86dbb9efab55efb151bf0de4651291a81fe49ab5820d15358ea69b001f04ada817408926a4ce730621057e4a1235c524e4d5d3dd8b7f57c6c7de22b37dc2f792","name":"family-asn-topology@6.json","type":"application/json","lastModified":1680415685509.151,"size":12878},{"id":"7c9152eef072d5ee733095ac8c01ffdd32872ac7131768393f8369117a9839ec3613453aa8bb162988860e2ffc5b5305e44c805eb9480366e666773e7cb279c8","href":"https://static.observableusercontent.com/files/7c9152eef072d5ee733095ac8c01ffdd32872ac7131768393f8369117a9839ec3613453aa8bb162988860e2ffc5b5305e44c805eb9480366e666773e7cb279c8","name":"family-asn-topology@7.json","type":"application/json","lastModified":1680422218856.532,"size":12512},{"id":"67fc0253eeb7a4a10b284bf95b806dbb174b0d741b2e01d15902190649b9b8ea88608d758502c08612185824afa9c8b387a04f2efbbc5ca592e1b9fa58fd8eaf","href":"https://static.observableusercontent.com/files/67fc0253eeb7a4a10b284bf95b806dbb174b0d741b2e01d15902190649b9b8ea88608d758502c08612185824afa9c8b387a04f2efbbc5ca592e1b9fa58fd8eaf","name":"Screenshot 2023-04-02 at 10.24.55.png","type":"image/png","lastModified":1680424150778.627,"size":179849},{"id":"64b69920b00a7177bb224c98b920e23ed3b64cd60bccd9d6ba8d45325535e940bead1b8b744c8b49ab2c06045b8457ca4bda96affc95a4f975d7dafa30e7d46e","href":"https://static.observableusercontent.com/files/64b69920b00a7177bb224c98b920e23ed3b64cd60bccd9d6ba8d45325535e940bead1b8b744c8b49ab2c06045b8457ca4bda96affc95a4f975d7dafa30e7d46e","name":"Screenshot 2023-04-02 at 10.55.38.png","type":"image/png","lastModified":1680425879537.368,"size":127501},{"id":"64b69920b00a7177bb224c98b920e23ed3b64cd60bccd9d6ba8d45325535e940bead1b8b744c8b49ab2c06045b8457ca4bda96affc95a4f975d7dafa30e7d46e","href":"https://static.observableusercontent.com/files/64b69920b00a7177bb224c98b920e23ed3b64cd60bccd9d6ba8d45325535e940bead1b8b744c8b49ab2c06045b8457ca4bda96affc95a4f975d7dafa30e7d46e","name":"Screenshot 2023-04-02 at 10@1.55.38.png","type":"image/png","lastModified":1680426933365.962,"size":127501},{"id":"45574bb55bea346b16df0a334dcbde336b4c0098c354b06f2665ff95fe12d4ba89dd637f13e6a95301f819ef89332f3396468f17b451d076239de4e6f3c8ead4","href":"https://static.observableusercontent.com/files/45574bb55bea346b16df0a334dcbde336b4c0098c354b06f2665ff95fe12d4ba89dd637f13e6a95301f819ef89332f3396468f17b451d076239de4e6f3c8ead4","name":"Screenshot 2023-04-02 at 11.17.41.png","type":"image/png","lastModified":1680427076497.599,"size":132048},{"id":"3c7d31b2a690907caa3db61123573efc30eaf9515bbdc53484e08db6524548ba2b3c8b35be7abeed951471f73f509c2e203b15191d314c6ddcb60be576255568","href":"https://static.observableusercontent.com/files/3c7d31b2a690907caa3db61123573efc30eaf9515bbdc53484e08db6524548ba2b3c8b35be7abeed951471f73f509c2e203b15191d314c6ddcb60be576255568","name":"Screenshot 2023-04-02 at 11.18.13.png","type":"image/png","lastModified":1680427110230.913,"size":111466},{"id":"3c7d31b2a690907caa3db61123573efc30eaf9515bbdc53484e08db6524548ba2b3c8b35be7abeed951471f73f509c2e203b15191d314c6ddcb60be576255568","href":"https://static.observableusercontent.com/files/3c7d31b2a690907caa3db61123573efc30eaf9515bbdc53484e08db6524548ba2b3c8b35be7abeed951471f73f509c2e203b15191d314c6ddcb60be576255568","name":"Screenshot 2023-04-02 at 11@1.18.13.png","type":"image/png","lastModified":1680427140222.147,"size":111466},{"id":"087ef2251eb4a5938b26731e4548402570252cf817539bd8e243ce4dbed1ba6f3e4a531c2ed9d5f27beb22ee8737f125930073c640aab67dc30448f3f4424cbe","href":"https://static.observableusercontent.com/files/087ef2251eb4a5938b26731e4548402570252cf817539bd8e243ce4dbed1ba6f3e4a531c2ed9d5f27beb22ee8737f125930073c640aab67dc30448f3f4424cbe","name":"Screenshot 2023-04-02 at 11.22.41.png","type":"image/png","lastModified":1680427378903.155,"size":291818},{"id":"9b46c952640e9504a01085a5770115c57494d9efb46c385702d5b2d2d039816ad6c3a1c0484ce680e80125f2950822b17f9d79d2c83e04ed61c88dc20d34c3b6","href":"https://static.observableusercontent.com/files/9b46c952640e9504a01085a5770115c57494d9efb46c385702d5b2d2d039816ad6c3a1c0484ce680e80125f2950822b17f9d79d2c83e04ed61c88dc20d34c3b6","name":"Screenshot 2023-04-02 at 11.34.10.png","type":"image/png","lastModified":1680428065712.857,"size":153152},{"id":"593a60b4f987e7263f7461fa6ea6113ae73af8ca4fded7f32771755806001feac0c033b5042802db38234aa0970cbbf677aee3a508bdf10f7efc57dee0379373","href":"https://static.observableusercontent.com/files/593a60b4f987e7263f7461fa6ea6113ae73af8ca4fded7f32771755806001feac0c033b5042802db38234aa0970cbbf677aee3a508bdf10f7efc57dee0379373","name":"Screenshot 2023-04-02 at 11.38.23.png","type":"image/png","lastModified":1680428363763.881,"size":207615},{"id":"0619652442862dfda55cfd7fc4e5699a4d9e3e1ecf8fb4ab40d501508c0321e32b2b54624b7746e877713d6febae83e6a655300877c7b6599af548481c711ad1","href":"https://static.observableusercontent.com/files/0619652442862dfda55cfd7fc4e5699a4d9e3e1ecf8fb4ab40d501508c0321e32b2b54624b7746e877713d6febae83e6a655300877c7b6599af548481c711ad1","name":"Screenshot 2023-04-02 at 11.40.48.png","type":"image/png","lastModified":1680428461325.724,"size":221070},{"id":"ca6171263b3ea34049fe119477d223b28f59e84bb841e3c0af8375c586bc5e117118459fbda9e0304d10db01dc700742c49016024588b3a5e7fe51736152ca3d","href":"https://static.observableusercontent.com/files/ca6171263b3ea34049fe119477d223b28f59e84bb841e3c0af8375c586bc5e117118459fbda9e0304d10db01dc700742c49016024588b3a5e7fe51736152ca3d","name":"Screenshot 2023-04-02 at 11.41.16.png","type":"image/png","lastModified":1680428497400.198,"size":216231},{"id":"81a31f1471e355f5a9cf97eeab664505815c1e5127ad964b0da47146284793a6c31e37c5552dfc0b911471b67f6ab713bab17ade1afbbba0b37c4dd3e415b1ad","href":"https://static.observableusercontent.com/files/81a31f1471e355f5a9cf97eeab664505815c1e5127ad964b0da47146284793a6c31e37c5552dfc0b911471b67f6ab713bab17ade1afbbba0b37c4dd3e415b1ad","name":"Screenshot 2023-04-02 at 11.49.59.png","type":"image/png","lastModified":1680429012828.671,"size":138254},{"id":"993e50a6b460bfc1ff2f001cded58e0c36c9096cfa9ff74c3d1dd79702e1a3c5ad858d25cc69fc867004f2a64aa29a770f87f383a43ee47f0e33837fc0ed91b8","href":"https://static.observableusercontent.com/files/993e50a6b460bfc1ff2f001cded58e0c36c9096cfa9ff74c3d1dd79702e1a3c5ad858d25cc69fc867004f2a64aa29a770f87f383a43ee47f0e33837fc0ed91b8","name":"Screenshot 2023-04-02 at 11.54.56.png","type":"image/png","lastModified":1680429336618.131,"size":133067},{"id":"81a2442d1f1cd9d1b1e36497d98a493f93385734581081bb2257f7bfb3314a2e25235ce6b467495604dfba921b3d9529a7216d53f872a00f6886741205628779","href":"https://static.observableusercontent.com/files/81a2442d1f1cd9d1b1e36497d98a493f93385734581081bb2257f7bfb3314a2e25235ce6b467495604dfba921b3d9529a7216d53f872a00f6886741205628779","name":"family-asn-topology@8.json","type":"application/json","lastModified":1680446664545.012,"size":17504}] 2b:{"id":"73ca0d3f2b393aa9","slug":null,"title":"Topology from RIPE Atlas Traceroutes","thumbnail":"8248a2a204fa867bbdde98a809fdf61dd5bc2f177fe98c01e9939411d667f22c","access_level":"public","create_time":"$D2023-03-31T17:46:44.675Z","update_time":"$D2023-06-15T10:19:24.281Z","view_time":null,"first_public_time":"$D2023-03-31T17:46:44.675Z","has_unpublished_edits":null,"fork":{"id":"fe50fd50d7d22ac0","slug":null,"title":"Topology from RIPE Atlas Traceroutes","owner":{"id":"32e6f15958be7d48","login":"qasimlone","name":""}},"stars":0,"starred":false,"owner":{"type":"team","id":"32e6f15958be7d48","login":"qasimlone","name":"","avatar_url":"https://avatars-next.observableusercontent.com/8df089564135766625db6ae5c024fa7144de49b45320af5afb4dae1495f2c1a5","tier":"starter_2024"},"version":600,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"e73a08859df70266","login":"qasimlone","name":"","avatar_url":"https://avatars-next.observableusercontent.com/8df089564135766625db6ae5c024fa7144de49b45320af5afb4dae1495f2c1a5","tier":null}],"members":[{"type":"individual","id":"e73a08859df70266","login":"qasimlone","name":"","avatar_url":"https://avatars-next.observableusercontent.com/8df089564135766625db6ae5c024fa7144de49b45320af5afb4dae1495f2c1a5","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Topology from RIPE Atlas Traceroutes","cells":[{"id":0,"value":"md`# Topology from RIPE Atlas Traceroutes`\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":596,"value":"$2d","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":473,"value":"dataset","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":213,"value":"viewof dataset = Inputs.select(familyAsnTopology, {label: \"Select a family\", format: x => x.fam})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":27,"value":"$2e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":592,"value":"Suggestions \n- [ ] Make source and destination more clear \n- [ ] Make the path show when we click on an ASes\n- [ ] Easier to see visualization with hygimoney ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":480,"value":"# Notes","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":482,"value":"## 4iG","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":484,"value":"- AS 20845 is directly connected to AS42313\n- The following figure shows the traceroute from AS 42313 to AS20845.\n - The path goes through AS12713 and we observe timeouts after that\n - There are multiple private IPs (RFC 1918) in the traceroute","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":479,"value":"screenshot20230402At102455 = FileAttachment(\"Screenshot 2023-04-02 at 10.24.55.png\").image()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":487,"value":"## Telecom Slovinia","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":489,"value":"#### From AS21246 to AS5603","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":491,"value":"Eventhough the traceroute shown below did not reach the target. However, we do see that there is no upstream in the middle","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":493,"value":"screenshot20230402At105538 = FileAttachment(\"Screenshot 2023-04-02 at 10.55.38.png\").image()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":499,"value":"### From AS5603 to AS21246","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":508,"value":"screenshot20230402At1111813 = FileAttachment(\"Screenshot 2023-04-02 at 11@1.18.13.png\").image()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":510,"value":"## Deutsche Telekom","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":513,"value":"### From AS6799 to AS5391","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":512,"value":"screenshot20230402At112241 = FileAttachment(\"Screenshot 2023-04-02 at 11.22.41.png\").image()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":515,"value":"### Orange","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":517,"value":"- msm_id:49282296 from_prb:17082 from_asn:3215 to_prb:61275 to_asn:9050\n- We see it transits through level3","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":519,"value":"screenshot20230402At113410 = FileAttachment(\"Screenshot 2023-04-02 at 11.34.10.png\").image()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":521,"value":"msm_id:49282284 from_prb:1001563 from_asn:16019 to_prb:13308 to_asn:15480","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":525,"value":"screenshot20230402At113823 = FileAttachment(\"Screenshot 2023-04-02 at 11.38.23.png\").image()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":526,"value":"msm_id:49282293 from_prb:1001563 from_asn:16019 to_prb:28765 to_asn:3209","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":530,"value":"screenshot20230402At114116 = FileAttachment(\"Screenshot 2023-04-02 at 11.41.16.png\").image()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":532,"value":"### A1","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":534,"value":"msm_id:49282273 from_prb:12370 from_asn:31012 to_prb:28126 to_asn:12716","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":537,"value":"We observe AS3356 in the path between the family","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":536,"value":"screenshot20230402At114959 = FileAttachment(\"Screenshot 2023-04-02 at 11.49.59.png\").image()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":540,"value":"msm_id:49282278 from_prb:12370 from_asn:31012 to_prb:16227 to_asn:29580","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":548,"value":"screenshot20230402At115456 = FileAttachment(\"Screenshot 2023-04-02 at 11.54.56.png\").image()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":542,"value":"Again we see 3356 peering within family ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":553,"value":"## United Group","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":555,"value":"msm_id:49282268 from_prb:14628 from_asn:42560 to_prb:53393 to_asn:1241","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":557,"value":"screenshot20230402At115740 = FileAttachment(\"Screenshot 2023-04-02 at 11.57.40.png\").image()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":210,"value":"familyAsnTopology =FileAttachment(\"family-asn-topology@8.json\").json()","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":224,"value":"//printTable(data)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":312,"value":"d3 = require('d3@5')","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":318,"value":"margin = ({top: 30, right: 80, bottom: 5, left: 5}); ","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":322,"value":"width = 890 - margin.left - margin.right","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":325,"value":"height = 800 - margin.top - margin.bottom","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":287,"value":"//import {d3} from \"https://cdn.skypack.dev/d3@7.0.0\";","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":328,"value":"html`\n<style> \n\n .links { \n // stroke: #999; \n stroke-opacity: 0.4; \n // stroke-width: 1px; \n }\n\n text {\n pointer-events: none;\n fill: #000;\n font: 10px sans-serif;\n }\n\n svg{\n border:1px solid #000;\n }\n\n</style>`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":334,"value":"import {printTable} from \"@uwdata/data-utilities\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":338,"value":"colorScale = d3.scaleOrdinal() //=d3.scaleOrdinal(d3.schemeSet2)\n.domain([ \"Source/Destination\",\"Transit\"])\n.range([ '#9e79db','#86cbff'])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":469,"value":"colorScale1 = d3.scaleOrdinal(d3.schemeTableau10).domain(d3.set(dataset.nodes.map(d => d.cc)).values()); ","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":341,"value":"//create a simulation for an array of nodes, and compose the desired forces.\nsimulation = d3.forceSimulation()\n .force(\"link\", d3.forceLink() // This force provides links between nodes\n .id(d => d.id) // This sets the node id accessor to the specified function. If not specified, will default to the index of a node.\n .distance(120)\n ) \n .force(\"charge\", d3.forceManyBody().strength(-700)) // This adds repulsion (if it's negative) between nodes. \n .force(\"center\", d3.forceCenter(width / 2, height / 2)); // This force attracts nodes to the center of the svg area","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W2f","stdlib":"1","titling":"auto"}} 2c:"$2b:body" </article></body></html>