chart = {
const svg = d3.create("svg")
.attr("width", width)
.attr("height", height);
svg
.selectAll("circle")
.data(d3.range(100))
.join("circle")
.attr("cx", d => d * 50)
.attr("cy", height / 2)
.attr("r", d => Math.random() * 20)
.attr("fill", "hsl(216deg 100% 13%)");
return svg.node();
}
height = 200
import {Runtime, Inspector} from "https://cdn.jsdelivr.net/npm/@observablehq/runtime@4/dist/runtime.js";
graph_data = [{"MsmID":"1674977","MsmInfo":null,"nodes":[{"NodeType":"AS","NodeID":"56472","NodeIdx":0,"ProbesGoingThroughThisNode":0,"ASN":"56472","Holder":"AMPERSAND-AS , IT","ProbesFromThisAS":1,"Isolated":false,"TargetAS":false,"BestPathTowardATarget":["56472","15589","1200","3333"],"x":80.70834239121984,"y":43.15334458133725,"fixed":true,"color":"#1f77b4"},{"NodeType":"Probe","NodeID":623,"NodeIdx":1,"ProbeID":623,"SourceASN":"56472","Completed":true,"RTT":41.709,"Path":[0,2,3,4],"x":55.39411088598524,"y":16.271894847540125,"fixed":true,"color":"#ffca33"},{"NodeType":"AS","NodeID":"15589","NodeIdx":2,"ProbesGoingThroughThisNode":1,"ASN":"15589","Holder":"ASN-CLOUDITALIA , IT","ProbesFromThisAS":1,"Isolated":false,"TargetAS":false,"BestPathTowardATarget":["15589","1200","3333"],"x":89.14592722228019,"y":93.64605579324717,"fixed":true,"color":"#aec7e8"},{"NodeType":"AS","NodeID":"1200","NodeIdx":3,"ProbesGoingThroughThisNode":23,"ASN":"1200","Holder":"AMS-IX1 , NL","ProbesFromThisAS":0,"Isolated":false,"TargetAS":false,"BestPathTowardATarget":["1200","3333"],"x":173.67025657061345,"y":165.82823214948286,"fixed":true,"color":"#ff7f0e"},{"NodeType":"AS","NodeID":"3333","NodeIdx":4,"ProbesGoingThroughThisNode":36,"ASN":"3333","Holder":"RIPE-NCC-AS , NL","ProbesFromThisAS":1,"Isolated":false,"TargetAS":true,"BestPathTowardATarget":["3333"],"x":443.47440705645295,"y":262.8108300910473,"fixed":true,"color":"#ffbb78"},{"NodeType":"Probe","NodeID":2466,"NodeIdx":5,"ProbeID":2466,"SourceASN":"15589","Completed":true,"RTT":45.286,"Path":[2,3,4],"x":54.919177817309446,"y":84.86758584327615,"fixed":true,"color":"#ffca33"},{"NodeType":"AS","NodeID":"3269","NodeIdx":6,"ProbesGoingThroughThisNode":0,"ASN":"3269","Holder":"ASN-IBSNAZ , IT","ProbesFromThisAS":1,"Isolated":true,"TargetAS":false,"x":700,"y":20,"fixed":true,"color":"#2ca02c"},{"NodeType":"Probe","NodeID":4228,"NodeIdx":7,"ProbeID":4228,"SourceASN":"3269","Completed":false,"RTT":null,"Path":[6],"color":"#bbbbbb"},{"NodeType":"Probe","NodeID":6012,"NodeIdx":8,"ProbeID":6012,"SourceASN":"3333","Completed":true,"RTT":0.913,"Path":[4],"color":"#338e5c","x":401.09496647015976,"y":301.663954396207,"fixed":true},{"NodeType":"AS","NodeID":"6830","NodeIdx":9,"ProbesGoingThroughThisNode":1,"ASN":"6830","Holder":"LGI-UPC formerly known as UPC Broadband Holding B.V., AT","ProbesFromThisAS":5,"Isolated":false,"TargetAS":false,"BestPathTowardATarget":["6830","1200","3333"],"x":242.06123671657258,"y":88.40074454468862,"fixed":true,"color":"#98df8a"},{"NodeType":"Probe","NodeID":10001,"NodeIdx":10,"ProbeID":10001,"SourceASN":"6830","Completed":true,"RTT":8.385,"Path":[9,3,4],"color":"#338e5c","x":301.35354797006175,"y":63.50155400191045,"fixed":true},{"NodeType":"AS","NodeID":"3265","NodeIdx":11,"ProbesGoingThroughThisNode":0,"ASN":"3265","Holder":"XS4ALL-NL Amsterdam, NL","ProbesFromThisAS":1,"Isolated":false,"TargetAS":false,"BestPathTowardATarget":["3265","1200","3333"],"x":64.81450177211377,"y":128.42699769086008,"fixed":true,"color":"#d62728"},{"NodeType":"Probe","NodeID":10012,"NodeIdx":12,"ProbeID":10012,"SourceASN":"3265","Completed":true,"RTT":20.555,"Path":[11,3,4],"x":25.25968275667242,"y":111.68967137813667,"fixed":true,"color":"#99ac48"},{"NodeType":"AS","NodeID":"701","NodeIdx":13,"ProbesGoingThroughThisNode":0,"ASN":"701","Holder":"UUNET - MCI Communications Services, Inc. d/b/a Verizon Business, US","ProbesFromThisAS":1,"Isolated":true,"TargetAS":false,"x":700,"y":80,"fixed":true,"color":"#ff9896"},{"NodeType":"Probe","NodeID":10039,"NodeIdx":14,"ProbeID":10039,"SourceASN":"701","Completed":false,"RTT":null,"Path":[13],"color":"#bbbbbb"},{"NodeType":"AS","NodeID":"34594","NodeIdx":15,"ProbesGoingThroughThisNode":0,"ASN":"34594","Holder":"OT-AS , HR","ProbesFromThisAS":1,"Isolated":false,"TargetAS":false,"BestPathTowardATarget":["34594","1299","3333"],"color":"#9467bd","x":438.1474968793144,"y":175.27465575168344,"fixed":true},{"NodeType":"Probe","NodeID":10068,"NodeIdx":16,"ProbeID":10068,"SourceASN":"34594","Completed":true,"RTT":39.851,"Path":[15,17,4],"color":"#ccbb3d","x":469.3860070214547,"y":171.93878987759894,"fixed":true},{"NodeType":"AS","NodeID":"1299","NodeIdx":17,"ProbesGoingThroughThisNode":3,"ASN":"1299","Holder":"TELIANET , SE","ProbesFromThisAS":0,"Isolated":false,"TargetAS":false,"BestPathTowardATarget":["1299","3333"],"color":"#c5b0d5","x":385.7875226893915,"y":185.68323115728725,"fixed":true},{"NodeType":"AS","NodeID":"9143","NodeIdx":18,"ProbesGoingThroughThisNode":0,"ASN":"9143","Holder":"ZIGGO Ziggo - tv, internet, telefoon, NL","ProbesFromThisAS":1,"Isolated":false,"TargetAS":false,"BestPathTowardATarget":["9143","1200","3333"],"x":76.34956275392449,"y":219.95516803465011,"fixed":true,"color":"#8c564b"},{"NodeType":"Probe","NodeID":10273,"NodeIdx":19,"ProbeID":10273,"SourceASN":"9143","Completed":true,"RTT":8.973,"Path":[18,3,4],"x":35.51502383867978,"y":228.97059033416673,"fixed":true,"color":"#338e5c"},{"NodeType":"AS","NodeID":"7922","NodeIdx":20,"ProbesGoingThroughThisNode":0,"ASN":"7922","Holder":"COMCAST-7922 - Comcast Cable Communications, Inc., US","ProbesFromThisAS":3,"Isolated":false,"TargetAS":false,"BestPathTowardATarget":["7922","3356","3333"],"color":"#c49c94","x":355.4521589293814,"y":107.55539811859455,"fixed":true},{"NodeType":"Probe","NodeID":10313,"NodeIdx":21,"ProbeID":10313,"SourceASN":"7922","Completed":true,"RTT":157.812,"Path":[20,22,4],"color":"#c57e32","x":382.4835247077415,"y":86.44775844153261,"fixed":true},{"NodeType":"AS","NodeID":"3356","NodeIdx":22,"ProbesGoingThroughThisNode":4,"ASN":"3356","Holder":"LEVEL3 - Level 3 Communications, Inc., US","ProbesFromThisAS":0,"Isolated":false,"TargetAS":false,"BestPathTowardATarget":["3356","3333"],"x":275.5903761712718,"y":148.87565981317948,"fixed":true,"color":"#e377c2"},{"NodeType":"AS","NodeID":"29286","NodeIdx":23,"ProbesGoingThroughThisNode":0,"ASN":"29286","Holder":"SKYLOGIC-AS , IT","ProbesFromThisAS":1,"Isolated":true,"TargetAS":false,"x":700,"y":140,"fixed":true,"color":"#f7b6d2"},{"NodeType":"Probe","NodeID":10460,"NodeIdx":24,"ProbeID":10460,"SourceASN":"29286","Completed":false,"RTT":null,"Path":[23],"color":"#bbbbbb"},{"NodeType":"AS","NodeID":"1273","NodeIdx":25,"ProbesGoingThroughThisNode":0,"ASN":"1273","Holder":"CW Vodafone Ltd, GB","ProbesFromThisAS":3,"Isolated":false,"TargetAS":false,"BestPathTowardATarget":["1273","1200","3333"],"x":67.08524809835671,"y":168.93538179933313,"fixed":true,"color":"#7f7f7f"},{"NodeType":"Probe","NodeID":10502,"NodeIdx":26,"ProbeID":10502,"SourceASN":"1273","Completed":true,"RTT":7.801,"Path":[25,3,4],"x":35.06319886314583,"y":189.2659690750308,"fixed":true,"color":"#338e5c"},{"NodeType":"Probe","NodeID":10509,"NodeIdx":27,"ProbeID":10509,"SourceASN":"1273","Completed":true,"RTT":204.371,"Path":[25,3,4],"x":26.95688665968737,"y":172.30097556322954,"fixed":true,"color":"#a95832"},{"NodeType":"Probe","NodeID":10510,"NodeIdx":28,"ProbeID":10510,"SourceASN":"1273","Completed":true,"RTT":185.265,"Path":[25,3,4],"x":27.023203122092355,"y":145.8881396608088,"fixed":true,"color":"#c57e32"},{"NodeType":"AS","NodeID":"12552","NodeIdx":29,"ProbesGoingThroughThisNode":0,"ASN":"12552","Holder":"IPO-EU , SE","ProbesFromThisAS":1,"Isolated":false,"TargetAS":false,"BestPathTowardATarget":["12552","1200","3333"],"x":123.57886927102697,"y":70.27729721625752,"fixed":true,"color":"#c7c7c7"},{"NodeType":"Probe","NodeID":10772,"NodeIdx":30,"ProbeID":10772,"SourceASN":"12552","Completed":true,"RTT":31.691,"Path":[29,3,4],"x":124.02749867205875,"y":49.757332951149635,"fixed":true,"color":"#ccbb3d"},{"NodeType":"AS","NodeID":"12322","NodeIdx":31,"ProbesGoingThroughThisNode":0,"ASN":"12322","Holder":"PROXAD , FR","ProbesFromThisAS":3,"Isolated":false,"TargetAS":false,"BestPathTowardATarget":["12322","1200","3333"],"x":100.13502246823259,"y":252.62598307356296,"fixed":true,"color":"#bcbd22"},{"NodeType":"Probe","NodeID":10816,"NodeIdx":32,"ProbeID":10816,"SourceASN":"12322","Completed":true,"RTT":35.73,"Path":[31,3,4],"x":52.473542453399034,"y":264.7400167856857,"fixed":true,"color":"#ccbb3d"},{"NodeType":"AS","NodeID":"15582","NodeIdx":33,"ProbesGoingThroughThisNode":0,"ASN":"15582","Holder":"AKADO-STOLITSA-AS , RU","ProbesFromThisAS":1,"Isolated":true,"TargetAS":false,"x":700,"y":200,"fixed":true,"color":"#dbdb8d"},{"NodeType":"Probe","NodeID":10922,"NodeIdx":34,"ProbeID":10922,"SourceASN":"15582","Completed":false,"RTT":null,"Path":[33],"color":"#bbbbbb"},{"NodeType":"Probe","NodeID":10952,"NodeIdx":35,"ProbeID":10952,"SourceASN":"12322","Completed":true,"RTT":27.373,"Path":[31,3,4],"x":63.47936494142016,"y":281.5145349111678,"fixed":true,"color":"#99ac48"},{"NodeType":"AS","NodeID":"2856","NodeIdx":36,"ProbesGoingThroughThisNode":0,"ASN":"2856","Holder":"BT-UK-AS BTnet UK Regional network, GB","ProbesFromThisAS":3,"Isolated":false,"TargetAS":false,"BestPathTowardATarget":["2856","3333"],"color":"#17becf","x":427.9254684641336,"y":328.2996397917203,"fixed":true},{"NodeType":"Probe","NodeID":10953,"NodeIdx":37,"ProbeID":10953,"SourceASN":"2856","Completed":true,"RTT":40.229,"Path":[36,4],"color":"#ffca33","x":428.9993371874133,"y":356.48643255836606,"fixed":true},{"NodeType":"AS","NodeID":"8767","NodeIdx":38,"ProbesGoingThroughThisNode":0,"ASN":"8767","Holder":"MNET-AS Germany, DE","ProbesFromThisAS":1,"Isolated":true,"TargetAS":false,"x":700,"y":260,"fixed":true,"color":"#9edae5"},{"NodeType":"Probe","NodeID":11059,"NodeIdx":39,"ProbeID":11059,"SourceASN":"8767","Completed":false,"RTT":null,"Path":[38],"color":"#bbbbbb"},{"NodeType":"AS","NodeID":"35278","NodeIdx":40,"ProbesGoingThroughThisNode":0,"ASN":"35278","Holder":"SPRINTHOST , RU","ProbesFromThisAS":1,"Isolated":false,"TargetAS":false,"BestPathTowardATarget":["35278","35000","9002","1200","3333"],"x":177.86254574016527,"y":359.5369384366024,"fixed":true,"color":"#1f77b4"},{"NodeType":"Probe","NodeID":11098,"NodeIdx":41,"ProbeID":11098,"SourceASN":"35278","Completed":true,"RTT":35.399,"Path":[40,42,43,3,4],"x":198.68257098852496,"y":399.9382172102116,"fixed":true,"color":"#ccbb3d"},{"NodeType":"AS","NodeID":"35000","NodeIdx":42,"ProbesGoingThroughThisNode":1,"ASN":"35000","Holder":"PROMETEY , RU","ProbesFromThisAS":0,"Isolated":false,"TargetAS":false,"BestPathTowardATarget":["35000","9002","1200","3333"],"x":162.03680476129978,"y":319.5135763817038,"fixed":true,"color":"#aec7e8"},{"NodeType":"AS","NodeID":"9002","NodeIdx":43,"ProbesGoingThroughThisNode":2,"ASN":"9002","Holder":"RETN-AS , UA","ProbesFromThisAS":0,"Isolated":false,"TargetAS":false,"BestPathTowardATarget":["9002","1200","3333"],"x":141.229213900765,"y":266.0718799497919,"fixed":true,"color":"#ff7f0e"},{"NodeType":"AS","NodeID":"31472","NodeIdx":44,"ProbesGoingThroughThisNode":0,"ASN":"31472","Holder":"VOICEHOST , GB","ProbesFromThisAS":1,"Isolated":true,"TargetAS":false,"x":700,"y":320,"fixed":true,"color":"#ffbb78"},{"NodeType":"Probe","NodeID":11132,"NodeIdx":45,"ProbeID":11132,"SourceASN":"31472","Completed":false,"RTT":null,"Path":[44],"color":"#bbbbbb"},{"NodeType":"AS","NodeID":"1853","NodeIdx":46,"ProbesGoingThroughThisNode":0,"ASN":"1853","Holder":"ACONET ACOnet Backbone, AT","ProbesFromThisAS":1,"Isolated":false,"TargetAS":false,"BestPathTowardATarget":["1853","8218","3333"],"x":319.8545854517863,"y":366.5817905971243,"fixed":true,"color":"#2ca02c"},{"NodeType":"Probe","NodeID":11163,"NodeIdx":47,"ProbeID":11163,"SourceASN":"1853","Completed":true,"RTT":25.494,"Path":[46,48,49,3,4],"color":"#99ac48","x":338.0212927749659,"y":398.1335044546614,"fixed":true},{"NodeType":"IXP","NodeID":"VIX","NodeIdx":48,"ProbesGoingThroughThisNode":1,"IXPName":"VIX","ASN":null,"x":293.699520434733,"y":324.9291564537527,"fixed":true,"color":"#9467bd"},{"NodeType":"AS","NodeID":"8218","NodeIdx":49,"ProbesGoingThroughThisNode":2,"ASN":"8218","Holder":"NEO-ASN legacy Neotelecoms, FR","ProbesFromThisAS":0,"Isolated":false,"TargetAS":false,"BestPathTowardATarget":["8218","3333"],"x":257.476768310995,"y":259.71087351935626,"fixed":true,"color":"#98df8a"},{"NodeType":"AS","NodeID":"31213","NodeIdx":50,"ProbesGoingThroughThisNode":0,"ASN":"31213","Holder":"MF-NWGSM-AS , RU","ProbesFromThisAS":1,"Isolated":false,"TargetAS":false,"BestPathTowardATarget":["31213","3333"],"color":"#d62728","x":515.1009499885968,"y":292.8561257696187,"fixed":true},{"NodeType":"Probe","NodeID":11418,"NodeIdx":51,"ProbeID":11418,"SourceASN":"31213","Completed":true,"RTT":40.886,"Path":[50,4],"color":"#ffca33","x":550.5717804159912,"y":312.35178814666364,"fixed":true},{"NodeType":"Probe","NodeID":11433,"NodeIdx":52,"ProbeID":11433,"SourceASN":"6830","Completed":true,"RTT":45.244,"Path":[9,22,3,4],"color":"#ffca33","x":278.71357528246915,"y":63.51577805046267,"fixed":true},{"NodeType":"AS","NodeID":"29518","NodeIdx":53,"ProbesGoingThroughThisNode":0,"ASN":"29518","Holder":"BREDBAND2 , SE","ProbesFromThisAS":1,"Isolated":false,"TargetAS":false,"BestPathTowardATarget":["29518","2603","3333"],"color":"#ff9896","x":560.4017823251043,"y":409.97810280757494,"fixed":true},{"NodeType":"Probe","NodeID":11585,"NodeIdx":54,"ProbeID":11585,"SourceASN":"29518","Completed":true,"RTT":28.918,"Path":[53,55,56,4],"color":"#99ac48","x":607.8057257827952,"y":412.70493094587744,"fixed":true},{"NodeType":"IXP","NodeID":"Netnod Stockholm","NodeIdx":55,"ProbesGoingThroughThisNode":1,"IXPName":"Netnod Stockholm","ASN":null,"color":"#c5b0d5","x":525.490828015636,"y":362.8321545053624,"fixed":true},{"NodeType":"AS","NodeID":"2603","NodeIdx":56,"ProbesGoingThroughThisNode":1,"ASN":"2603","Holder":"NORDUNET , NO","ProbesFromThisAS":0,"Isolated":false,"TargetAS":false,"BestPathTowardATarget":["2603","3333"],"color":"#9467bd","x":491.24811572853775,"y":323.263655803568,"fixed":true},{"NodeType":"AS","NodeID":"29056","NodeIdx":57,"ProbesGoingThroughThisNode":0,"ASN":"29056","Holder":"GSTW-AS , AT","ProbesFromThisAS":1,"Isolated":false,"TargetAS":false,"BestPathTowardATarget":["29056","6830","1200","3333"],"x":266.7355308574089,"y":24.72430729077658,"fixed":true,"color":"#c5b0d5"},{"NodeType":"Probe","NodeID":11586,"NodeIdx":58,"ProbeID":11586,"SourceASN":"29056","Completed":true,"RTT":35.063,"Path":[57,9,17,4],"color":"#ccbb3d","x":291.7447210495501,"y":13.888197879069239,"fixed":true},{"NodeType":"Probe","NodeID":11610,"NodeIdx":59,"ProbeID":11610,"SourceASN":"2856","Completed":true,"RTT":20.112,"Path":[36,4],"color":"#99ac48","x":454.1310270598369,"y":357.09121478508,"fixed":true},{"NodeType":"AS","NodeID":"34771","NodeIdx":60,"ProbesGoingThroughThisNode":0,"ASN":"34771","Holder":"MEGASETI-AS , RU","ProbesFromThisAS":1,"Isolated":false,"TargetAS":false,"BestPathTowardATarget":["34771","31133","1200","3333"],"x":200.87934943452058,"y":320.7628755874623,"fixed":true,"color":"#8c564b"},{"NodeType":"Probe","NodeID":11994,"NodeIdx":61,"ProbeID":11994,"SourceASN":"34771","Completed":true,"RTT":56.748,"Path":[60,62,3,4],"color":"#e2a433","x":218.2984950150743,"y":360.6520506016873,"fixed":true},{"NodeType":"AS","NodeID":"31133","NodeIdx":62,"ProbesGoingThroughThisNode":1,"ASN":"31133","Holder":"MF-MGSM-AS PJSC MegaFon, RU","ProbesFromThisAS":0,"Isolated":false,"TargetAS":false,"BestPathTowardATarget":["31133","1200","3333"],"x":172.50276361645285,"y":264.7524628386006,"fixed":true,"color":"#c49c94"},{"NodeType":"Probe","NodeID":12224,"NodeIdx":63,"ProbeID":12224,"SourceASN":"6830","Completed":false,"RTT":null,"Path":[9],"color":"#bbbbbb","x":348.77218833720974,"y":56.80166815053698,"fixed":true},{"NodeType":"Probe","NodeID":12274,"NodeIdx":64,"ProbeID":12274,"SourceASN":"7922","Completed":false,"RTT":null,"Path":[20],"color":"#bbbbbb","x":368.06089970422477,"y":67.93251287531339,"fixed":true},{"NodeType":"AS","NodeID":"12513","NodeIdx":65,"ProbesGoingThroughThisNode":0,"ASN":"12513","Holder":"ECLIPSE , GB","ProbesFromThisAS":1,"Isolated":true,"TargetAS":false,"x":700,"y":380,"fixed":true,"color":"#e377c2"},{"NodeType":"Probe","NodeID":12277,"NodeIdx":66,"ProbeID":12277,"SourceASN":"12513","Completed":false,"RTT":null,"Path":[65],"color":"#bbbbbb"},{"NodeType":"AS","NodeID":"34123","NodeIdx":67,"ProbesGoingThroughThisNode":0,"ASN":"34123","Holder":"NETORN-AS , RU","ProbesFromThisAS":1,"Isolated":false,"TargetAS":false,"BestPathTowardATarget":["34123","9002","1200","3333"],"x":124.15570997860368,"y":316.20398359013734,"fixed":true,"color":"#f7b6d2"},{"NodeType":"Probe","NodeID":12617,"NodeIdx":68,"ProbeID":12617,"SourceASN":"34123","Completed":true,"RTT":46.598,"Path":[67,43,3,4],"x":115.3357247192755,"y":365.62521611997465,"fixed":true,"color":"#ffca33"},{"NodeType":"AS","NodeID":"9188","NodeIdx":69,"ProbesGoingThroughThisNode":0,"ASN":"9188","Holder":"INFOSERVE-AS D-66119 Saarbruecken, DE","ProbesFromThisAS":1,"Isolated":false,"TargetAS":false,"BestPathTowardATarget":["9188","8220","1200","3333"],"x":241.59211090932752,"y":320.77033672266896,"fixed":true,"color":"#7f7f7f"},{"NodeType":"Probe","NodeID":12716,"NodeIdx":70,"ProbeID":12716,"SourceASN":"9188","Completed":true,"RTT":14.114,"Path":[69,71,3,4],"color":"#669d52","x":255.195444104207,"y":358.56269321912106,"fixed":true},{"NodeType":"AS","NodeID":"8220","NodeIdx":71,"ProbesGoingThroughThisNode":1,"ASN":"8220","Holder":"COLT , GB","ProbesFromThisAS":0,"Isolated":false,"TargetAS":false,"BestPathTowardATarget":["8220","1200","3333"],"x":213.46258527035263,"y":258.80786223821366,"fixed":true,"color":"#c7c7c7"},{"NodeType":"Probe","NodeID":13335,"NodeIdx":72,"ProbeID":13335,"SourceASN":"2856","Completed":false,"RTT":null,"Path":[36],"color":"#bbbbbb","x":404.4706990274194,"y":342.94642369059045,"fixed":true},{"NodeType":"AS","NodeID":"21502","NodeIdx":73,"ProbesGoingThroughThisNode":0,"ASN":"21502","Holder":"ASN-NUMERICABLE , FR","ProbesFromThisAS":1,"Isolated":false,"TargetAS":false,"BestPathTowardATarget":["21502","3333"],"color":"#bcbd22","x":520.3587746010107,"y":216.36924702665834,"fixed":true},{"NodeType":"Probe","NodeID":13631,"NodeIdx":74,"ProbeID":13631,"SourceASN":"21502","Completed":true,"RTT":168.88,"Path":[73,4],"color":"#c57e32","x":553.1924652776809,"y":221.62256332252025,"fixed":true},{"NodeType":"AS","NodeID":"5390","NodeIdx":75,"ProbesGoingThroughThisNode":0,"ASN":"5390","Holder":"EURONET , NL","ProbesFromThisAS":1,"Isolated":false,"TargetAS":false,"BestPathTowardATarget":["5390","1200","3333"],"x":204.8397698691058,"y":68.94340947240428,"fixed":true,"color":"#dbdb8d"},{"NodeType":"Probe","NodeID":13832,"NodeIdx":76,"ProbeID":13832,"SourceASN":"5390","Completed":true,"RTT":24.4,"Path":[75,3,4],"color":"#99ac48","x":227.34943720656406,"y":46.75448686907265,"fixed":true},{"NodeType":"AS","NodeID":"24651","NodeIdx":77,"ProbesGoingThroughThisNode":0,"ASN":"24651","Holder":"LVBALTICOM-AS , LV","ProbesFromThisAS":1,"Isolated":false,"TargetAS":false,"BestPathTowardATarget":["24651","42979","174","8218","3333"],"color":"#17becf","x":399.994073385402,"y":382.83297739452337,"fixed":true},{"NodeType":"Probe","NodeID":14175,"NodeIdx":78,"ProbeID":14175,"SourceASN":"24651","Completed":true,"RTT":50.827,"Path":[77,79,80,49,4],"color":"#e2a433","x":427.95892656154456,"y":406.5814155828067,"fixed":true},{"NodeType":"AS","NodeID":"42979","NodeIdx":79,"ProbesGoingThroughThisNode":1,"ASN":"42979","Holder":"ASGLBLCOM , LV","ProbesFromThisAS":0,"Isolated":false,"TargetAS":false,"BestPathTowardATarget":["42979","174","8218","3333"],"color":"#9edae5","x":364.39232637951363,"y":345.77041163638785,"fixed":true},{"NodeType":"AS","NodeID":"174","NodeIdx":80,"ProbesGoingThroughThisNode":1,"ASN":"174","Holder":"COGENT-174 - Cogent Communications, US","ProbesFromThisAS":0,"Isolated":false,"TargetAS":false,"BestPathTowardATarget":["174","8218","3333"],"x":322.7284492054878,"y":308.68917556881894,"fixed":true,"color":"#1f77b4"},{"NodeType":"AS","NodeID":"3320","NodeIdx":81,"ProbesGoingThroughThisNode":0,"ASN":"3320","Holder":"DTAG Internet service provider operations, DE","ProbesFromThisAS":2,"Isolated":false,"TargetAS":false,"BestPathTowardATarget":["3320","1200","3333"],"x":165.91073840454612,"y":62.76376166525216,"fixed":true,"color":"#aec7e8"},{"NodeType":"Probe","NodeID":14353,"NodeIdx":82,"ProbeID":14353,"SourceASN":"3320","Completed":true,"RTT":52.398,"Path":[81,3,4],"x":158.28051736962175,"y":32.683527715261505,"fixed":true,"color":"#e2a433"},{"NodeType":"AS","NodeID":"4755","NodeIdx":83,"ProbesGoingThroughThisNode":0,"ASN":"4755","Holder":"TATACOMM-AS TATA Communications formerly VSNL is Leading ISP, IN","ProbesFromThisAS":1,"Isolated":false,"TargetAS":false,"BestPathTowardATarget":["4755","3333"],"color":"#ff7f0e","x":456.8199130008562,"y":322.6303739889353,"fixed":true},{"NodeType":"Probe","NodeID":14593,"NodeIdx":84,"ProbeID":14593,"SourceASN":"4755","Completed":true,"RTT":1.068,"Path":[83,4],"color":"#338e5c","x":480.20063966912574,"y":355.2307547074147,"fixed":true},{"NodeType":"Probe","NodeID":14856,"NodeIdx":85,"ProbeID":14856,"SourceASN":"7922","Completed":true,"RTT":170.999,"Path":[20,22,4],"color":"#c57e32","x":386.60184748029803,"y":104.02890005987453,"fixed":true},{"NodeType":"Probe","NodeID":15164,"NodeIdx":86,"ProbeID":15164,"SourceASN":"12322","Completed":true,"RTT":43.893,"Path":[31,3,4],"x":86.9455297531706,"y":297.33784315256565,"fixed":true,"color":"#ffca33"},{"NodeType":"Probe","NodeID":15189,"NodeIdx":87,"ProbeID":15189,"SourceASN":"6830","Completed":true,"RTT":18.01,"Path":[9,3,4],"color":"#669d52","x":298.9757175719651,"y":80.5952140936509,"fixed":true},{"NodeType":"AS","NodeID":"33765","NodeIdx":88,"ProbesGoingThroughThisNode":0,"ASN":"33765","Holder":"TTCLDATA, TZ","ProbesFromThisAS":1,"Isolated":false,"TargetAS":false,"BestPathTowardATarget":["33765","3333"],"color":"#ffbb78","x":521.6158318162137,"y":252.79209779251727,"fixed":true},{"NodeType":"Probe","NodeID":15282,"NodeIdx":89,"ProbeID":15282,"SourceASN":"33765","Completed":true,"RTT":188.456,"Path":[88,4],"color":"#c57e32","x":544.9792206524762,"y":278.51962259665163,"fixed":true},{"NodeType":"Probe","NodeID":16063,"NodeIdx":90,"ProbeID":16063,"SourceASN":"6830","Completed":true,"RTT":26.101,"Path":[9,17,4],"color":"#99ac48","x":314.8056808735372,"y":92.96110010639296,"fixed":true},{"NodeType":"AS","NodeID":"6871","NodeIdx":91,"ProbesGoingThroughThisNode":0,"ASN":"6871","Holder":"PLUSNET UK Internet Service Provider, GB","ProbesFromThisAS":1,"Isolated":true,"TargetAS":false,"x":700,"y":440,"fixed":true,"color":"#2ca02c"},{"NodeType":"Probe","NodeID":16134,"NodeIdx":92,"ProbeID":16134,"SourceASN":"6871","Completed":false,"RTT":null,"Path":[91],"color":"#bbbbbb"},{"NodeType":"Probe","NodeID":16297,"NodeIdx":93,"ProbeID":16297,"SourceASN":"3320","Completed":true,"RTT":18.126,"Path":[81,3,4],"x":198.02535668372036,"y":39.17612256706684,"fixed":true,"color":"#669d52"},{"NodeType":"AS","NodeID":"37979","NodeIdx":94,"ProbesGoingThroughThisNode":0,"ASN":"37979","Holder":"TPN-AS-AP ThePacific.Net Ltd, NZ","ProbesFromThisAS":1,"Isolated":false,"TargetAS":false,"BestPathTowardATarget":["37979","4768","4637","3356","3333"],"color":"#98df8a","x":496.84592904844874,"y":106.82595463115553,"fixed":true},{"NodeType":"Probe","NodeID":17565,"NodeIdx":95,"ProbeID":17565,"SourceASN":"37979","Completed":true,"RTT":363.475,"Path":[94,96,97,22,3,4],"color":"#8c3232","x":526.6726499401548,"y":97.47907628666991,"fixed":true},{"NodeType":"AS","NodeID":"4768","NodeIdx":96,"ProbesGoingThroughThisNode":1,"ASN":"4768","Holder":"CLIX-NZ TelstraClear Ltd, NZ","ProbesFromThisAS":0,"Isolated":false,"TargetAS":false,"BestPathTowardATarget":["4768","4637","3356","3333"],"color":"#d62728","x":439.0439946533867,"y":120.91895905222418,"fixed":true},{"NodeType":"AS","NodeID":"4637","NodeIdx":97,"ProbesGoingThroughThisNode":1,"ASN":"4637","Holder":"ASN-TELSTRA-GLOBAL Telstra Global, HK","ProbesFromThisAS":0,"Isolated":false,"TargetAS":false,"BestPathTowardATarget":["4637","3356","3333"],"color":"#ff9896","x":385.0153213721376,"y":140.17661455559784,"fixed":true}],"links":[{"LinkType":"ProbeLink","source":1,"target":0},{"LinkType":"DataPath","source":0,"target":2},{"LinkType":"DataPath","source":2,"target":3},{"LinkType":"DataPath","source":3,"target":4},{"LinkType":"ProbeLink","source":5,"target":2},{"LinkType":"DataPath","source":2,"target":3},{"LinkType":"DataPath","source":3,"target":4},{"LinkType":"ProbeLink","source":7,"target":6},{"LinkType":"ProbeLink","source":8,"target":4},{"LinkType":"ProbeLink","source":10,"target":9},{"LinkType":"DataPath","source":9,"target":3},{"LinkType":"DataPath","source":3,"target":4},{"LinkType":"ProbeLink","source":12,"target":11},{"LinkType":"DataPath","source":11,"target":3},{"LinkType":"DataPath","source":3,"target":4},{"LinkType":"ProbeLink","source":14,"target":13},{"LinkType":"ProbeLink","source":16,"target":15},{"LinkType":"DataPath","source":15,"target":17},{"LinkType":"DataPath","source":17,"target":4},{"LinkType":"ProbeLink","source":19,"target":18},{"LinkType":"DataPath","source":18,"target":3},{"LinkType":"DataPath","source":3,"target":4},{"LinkType":"ProbeLink","source":21,"target":20},{"LinkType":"DataPath","source":20,"target":22},{"LinkType":"DataPath","source":22,"target":4},{"LinkType":"ProbeLink","source":24,"target":23},{"LinkType":"ProbeLink","source":26,"target":25},{"LinkType":"DataPath","source":25,"target":3},{"LinkType":"DataPath","source":3,"target":4},{"LinkType":"ProbeLink","source":27,"target":25},{"LinkType":"DataPath","source":25,"target":3},{"LinkType":"DataPath","source":3,"target":4},{"LinkType":"ProbeLink","source":28,"target":25},{"LinkType":"DataPath","source":25,"target":3},{"LinkType":"DataPath","source":3,"target":4},{"LinkType":"ProbeLink","source":30,"target":29},{"LinkType":"DataPath","source":29,"target":3},{"LinkType":"DataPath","source":3,"target":4},{"LinkType":"ProbeLink","source":32,"target":31},{"LinkType":"DataPath","source":31,"target":3},{"LinkType":"DataPath","source":3,"target":4},{"LinkType":"ProbeLink","source":34,"target":33},{"LinkType":"ProbeLink","source":35,"target":31},{"LinkType":"DataPath","source":31,"target":3},{"LinkType":"DataPath","source":3,"target":4},{"LinkType":"ProbeLink","source":37,"target":36},{"LinkType":"DataPath","source":36,"target":4},{"LinkType":"ProbeLink","source":39,"target":38},{"LinkType":"ProbeLink","source":41,"target":40},{"LinkType":"DataPath","source":40,"target":42},{"LinkType":"DataPath","source":42,"target":43},{"LinkType":"DataPath","source":43,"target":3},{"LinkType":"DataPath","source":3,"target":4},{"LinkType":"ProbeLink","source":45,"target":44},{"LinkType":"ProbeLink","source":47,"target":46},{"LinkType":"DataPath","source":46,"target":48},{"LinkType":"DataPath","source":48,"target":49},{"LinkType":"DataPath","source":49,"target":3},{"LinkType":"DataPath","source":3,"target":4},{"LinkType":"ProbeLink","source":51,"target":50},{"LinkType":"DataPath","source":50,"target":4},{"LinkType":"ProbeLink","source":52,"target":9},{"LinkType":"DataPath","source":9,"target":22},{"LinkType":"DataPath","source":22,"target":3},{"LinkType":"DataPath","source":3,"target":4},{"LinkType":"ProbeLink","source":54,"target":53},{"LinkType":"DataPath","source":53,"target":55},{"LinkType":"DataPath","source":55,"target":56},{"LinkType":"DataPath","source":56,"target":4},{"LinkType":"ProbeLink","source":58,"target":57},{"LinkType":"DataPath","source":57,"target":9},{"LinkType":"DataPath","source":9,"target":17},{"LinkType":"DataPath","source":17,"target":4},{"LinkType":"ProbeLink","source":59,"target":36},{"LinkType":"DataPath","source":36,"target":4},{"LinkType":"ProbeLink","source":61,"target":60},{"LinkType":"DataPath","source":60,"target":62},{"LinkType":"DataPath","source":62,"target":3},{"LinkType":"DataPath","source":3,"target":4},{"LinkType":"ProbeLink","source":63,"target":9},{"LinkType":"ProbeLink","source":64,"target":20},{"LinkType":"ProbeLink","source":66,"target":65},{"LinkType":"ProbeLink","source":68,"target":67},{"LinkType":"DataPath","source":67,"target":43},{"LinkType":"DataPath","source":43,"target":3},{"LinkType":"DataPath","source":3,"target":4},{"LinkType":"ProbeLink","source":70,"target":69},{"LinkType":"DataPath","source":69,"target":71},{"LinkType":"DataPath","source":71,"target":3},{"LinkType":"DataPath","source":3,"target":4},{"LinkType":"ProbeLink","source":72,"target":36},{"LinkType":"ProbeLink","source":74,"target":73},{"LinkType":"DataPath","source":73,"target":4},{"LinkType":"ProbeLink","source":76,"target":75},{"LinkType":"DataPath","source":75,"target":3},{"LinkType":"DataPath","source":3,"target":4},{"LinkType":"ProbeLink","source":78,"target":77},{"LinkType":"DataPath","source":77,"target":79},{"LinkType":"DataPath","source":79,"target":80},{"LinkType":"DataPath","source":80,"target":49},{"LinkType":"DataPath","source":49,"target":4},{"LinkType":"ProbeLink","source":82,"target":81},{"LinkType":"DataPath","source":81,"target":3},{"LinkType":"DataPath","source":3,"target":4},{"LinkType":"ProbeLink","source":84,"target":83},{"LinkType":"DataPath","source":83,"target":4},{"LinkType":"ProbeLink","source":85,"target":20},{"LinkType":"DataPath","source":20,"target":22},{"LinkType":"DataPath","source":22,"target":4},{"LinkType":"ProbeLink","source":86,"target":31},{"LinkType":"DataPath","source":31,"target":3},{"LinkType":"DataPath","source":3,"target":4},{"LinkType":"ProbeLink","source":87,"target":9},{"LinkType":"DataPath","source":9,"target":3},{"LinkType":"DataPath","source":3,"target":4},{"LinkType":"ProbeLink","source":89,"target":88},{"LinkType":"DataPath","source":88,"target":4},{"LinkType":"ProbeLink","source":90,"target":9},{"LinkType":"DataPath","source":9,"target":17},{"LinkType":"DataPath","source":17,"target":4},{"LinkType":"ProbeLink","source":92,"target":91},{"LinkType":"ProbeLink","source":93,"target":81},{"LinkType":"DataPath","source":81,"target":3},{"LinkType":"DataPath","source":3,"target":4},{"LinkType":"ProbeLink","source":95,"target":94},{"LinkType":"DataPath","source":94,"target":96},{"LinkType":"DataPath","source":96,"target":97},{"LinkType":"DataPath","source":97,"target":22},{"LinkType":"DataPath","source":22,"target":3},{"LinkType":"DataPath","source":3,"target":4}],"as_paths":[{"LinkType":"ASPath","Source_ASN":"56472","Target_ASN":"15589","source":0,"target":2},{"LinkType":"ASPath","Source_ASN":"15589","Target_ASN":"1200","source":2,"target":3},{"LinkType":"ASPath","Source_ASN":"1200","Target_ASN":"3333","source":3,"target":4},{"LinkType":"ASPath","Source_ASN":"6830","Target_ASN":"1200","source":9,"target":3},{"LinkType":"ASPath","Source_ASN":"3265","Target_ASN":"1200","source":11,"target":3},{"LinkType":"ASPath","Source_ASN":"34594","Target_ASN":"1299","source":15,"target":17},{"LinkType":"ASPath","Source_ASN":"1299","Target_ASN":"3333","source":17,"target":4},{"LinkType":"ASPath","Source_ASN":"9143","Target_ASN":"1200","source":18,"target":3},{"LinkType":"ASPath","Source_ASN":"7922","Target_ASN":"3356","source":20,"target":22},{"LinkType":"ASPath","Source_ASN":"3356","Target_ASN":"3333","source":22,"target":4},{"LinkType":"ASPath","Source_ASN":"1273","Target_ASN":"1200","source":25,"target":3},{"LinkType":"ASPath","Source_ASN":"12552","Target_ASN":"1200","source":29,"target":3},{"LinkType":"ASPath","Source_ASN":"12322","Target_ASN":"1200","source":31,"target":3},{"LinkType":"ASPath","Source_ASN":"2856","Target_ASN":"3333","source":36,"target":4},{"LinkType":"ASPath","Source_ASN":"35278","Target_ASN":"35000","source":40,"target":42},{"LinkType":"ASPath","Source_ASN":"35000","Target_ASN":"9002","source":42,"target":43},{"LinkType":"ASPath","Source_ASN":"9002","Target_ASN":"1200","source":43,"target":3},{"LinkType":"ASPath","Source_ASN":"1853","Target_ASN":"8218","source":46,"target":49},{"LinkType":"ASPath","Source_ASN":"8218","Target_ASN":"1200","source":49,"target":3},{"LinkType":"ASPath","Source_ASN":"31213","Target_ASN":"3333","source":50,"target":4},{"LinkType":"ASPath","Source_ASN":"6830","Target_ASN":"3356","source":9,"target":22},{"LinkType":"ASPath","Source_ASN":"3356","Target_ASN":"1200","source":22,"target":3},{"LinkType":"ASPath","Source_ASN":"29518","Target_ASN":"2603","source":53,"target":56},{"LinkType":"ASPath","Source_ASN":"2603","Target_ASN":"3333","source":56,"target":4},{"LinkType":"ASPath","Source_ASN":"29056","Target_ASN":"6830","source":57,"target":9},{"LinkType":"ASPath","Source_ASN":"6830","Target_ASN":"1299","source":9,"target":17},{"LinkType":"ASPath","Source_ASN":"34771","Target_ASN":"31133","source":60,"target":62},{"LinkType":"ASPath","Source_ASN":"31133","Target_ASN":"1200","source":62,"target":3},{"LinkType":"ASPath","Source_ASN":"34123","Target_ASN":"9002","source":67,"target":43},{"LinkType":"ASPath","Source_ASN":"9188","Target_ASN":"8220","source":69,"target":71},{"LinkType":"ASPath","Source_ASN":"8220","Target_ASN":"1200","source":71,"target":3},{"LinkType":"ASPath","Source_ASN":"21502","Target_ASN":"3333","source":73,"target":4},{"LinkType":"ASPath","Source_ASN":"5390","Target_ASN":"1200","source":75,"target":3},{"LinkType":"ASPath","Source_ASN":"24651","Target_ASN":"42979","source":77,"target":79},{"LinkType":"ASPath","Source_ASN":"42979","Target_ASN":"174","source":79,"target":80},{"LinkType":"ASPath","Source_ASN":"174","Target_ASN":"8218","source":80,"target":49},{"LinkType":"ASPath","Source_ASN":"8218","Target_ASN":"3333","source":49,"target":4},{"LinkType":"ASPath","Source_ASN":"3320","Target_ASN":"1200","source":81,"target":3},{"LinkType":"ASPath","Source_ASN":"4755","Target_ASN":"3333","source":83,"target":4},{"LinkType":"ASPath","Source_ASN":"33765","Target_ASN":"3333","source":88,"target":4},{"LinkType":"ASPath","Source_ASN":"37979","Target_ASN":"4768","source":94,"target":96},{"LinkType":"ASPath","Source_ASN":"4768","Target_ASN":"4637","source":96,"target":97},{"LinkType":"ASPath","Source_ASN":"4637","Target_ASN":"3356","source":97,"target":22}]}]
// Constants
{
const RADIUS = 10;
const rtt_colors = [
{ rtt: 10, color:'#338e5c' },
{ rtt: 20, color:'#669d52' },
{ rtt: 30, color:'#99ac48' },
{ rtt: 40, color:'#ccbb3d' },
{ rtt: 50, color:'#ffca33' },
{ rtt: 100, color:'#e2a433' },
{ rtt: 200, color:'#c57e32' },
{ rtt: 300, color:'#a95832' },
{ rtt: 1000000, color:'#8c3232', lbl: '> 300 ms' }
];
const rtt_colors_nodata = '#bbbbbb';
const probe_color_reached_target_as = '#338e5c';
// SVG and Force variables
let svg = null;
let force = null;
let shiftKey;
let selectedProbe;
let dragging = false;
let details_tmr;
function LoadGraph(fromSavedJSON) {
const currOrigData = JSON.parse(JSON.stringify(graph_data));
if (svg) {
svg.remove();
}
const width = DOM.window.innerWidth - 50;
const colors = d3.scaleOrdinal(d3.schemeCategory20);
svg = d3.select("#graph_div")
.append("svg")
.attr("id", "svg")
.attr("width", width)
.attr("height", height);
svg.append("rect")
.attr("width", "100%")
.attr("height", "100%")
.attr("fill", "white");
function append_arrow(id, color) {
svg.append("defs")
.append("marker")
.attr("id", id)
.attr("refX", 40)
.attr("refY", 0)
.attr("viewBox", "0 -5 10 10")
.attr("fill", color)
.attr("markerWidth", RADIUS)
.attr("markerHeight", RADIUS)
.attr("markerUnits", "userSpaceOnUse")
.attr("orient", "auto")
.append("path")
.attr("d", "M0,-5 L10,0 L0,5");
}
append_arrow('arrow', '#eee');
append_arrow('arrow_selected', '#FF0000');
const link = svg.append("g")
.attr("class", "link")
.style("fill", "none")
.style("stroke", "#eee")
.selectAll("line");
const brush = svg.append("g")
.datum(function () { return { selected: false, previouslySelected: false }; })
.attr("class", "brush");
link = link.data(graph_data.links).enter().append("line")
.attr("class", function (d) {
return d.LinkType;
})
.attr("marker-end", function (d) {
if (d.LinkType === 'DataPath') {
return "url(#arrow)";
} else {
return null;
}
})
.attr("x1", function (d) { return d.source.x; })
.attr("y1", function (d) { return d.source.y; })
.attr("x2", function (d) { return d.target.x; })
.attr("y2", function (d) { return d.target.y; });
brush.call(d3.brush()
.extent([[0, 0], [width, height]])
.on("start", function () {
gnode.each(function (d) { d.previouslySelected = shiftKey && d.selected; });
})
.on("brush", function () {
const extent = d3.event.selection;
gnode.classed("selected", function (d) {
return d.selected = d.previouslySelected ^
(extent[0][0] <= d.x && d.x < extent[1][0]
&& extent[0][1] <= d.y && d.y < extent[1][1]);
});
})
.on("end", function () {
d3.select(this).call(d3.event.target.clear());
}));
force = d3.forceSimulation()
.force("charge", d3.forceManyBody()
.strength(function (d) {
if (d.NodeType === 'AS') {
if (d.TargetAS) {
return -500;
}
if (d.ProbesGoingThroughThisNode > 0) {
return -100 * d.ProbesGoingThroughThisNode;
}
return 1;
} else if (d.NodeType === 'IXP') {
if (d.ProbesGoingThroughThisNode > 0) {
return -100 * d.ProbesGoingThroughThisNode;
}
return 1;
} else {
return -120;
}
})
)
.force("link", d3.forceLink().links(graph_data.links))
.force("center", d3.forceCenter(width / 2, height / 2));
const gnode = svg.selectAll('.gnode')
.data(graph_data.nodes)
.enter()
.append("g")
.attr("class", "gnode")
.classed("AS", function (d) { return d.NodeType === 'AS'; })
.classed("IXP", function (d) { return d.NodeType === 'IXP'; })
.classed("Probe", function (d) { return d.NodeType === 'Probe'; });
gnode.append("circle")
.attr("id", function (d) { return 'node' + d.NodeType + d.NodeID; })
.attr("r", function (d) {
if (d.NodeType === 'Probe') {
d.radius = 5;
} else if (d.NodeType === 'AS' && d.TargetAS) {
d.radius = RADIUS * 2;
} else {
const ProbesCount = Math.max(d.ProbesFromThisAS, d.ProbesGoingThroughThisNode);
d.radius = 0;
if (ProbesCount === 1) {
d.radius = RADIUS;
}
}
return d.radius;
})
.style("stroke-width", "1px")
.style("stroke-dasharray", function (d) {
if (d.NodeType === 'Probe') {
return "5,5";
} else {
return null;
}
})
.style("fill", function (d) {
if (d.NodeType === 'Probe') {
if (d.ReachedTargetAS) {
return probe_color_reached_target_as;
} else {
return "red";
}
} else {
return colors(d.color);
}
})
.style("cursor", "pointer")
.on("click", click)
.on("mouseout", mouseout);
gnode.append("text")
.attr("x", 8)
.attr("dy", ".35em")
.text(function (d) {
return d.NodeLabel;
})
.style("font-size", function (d) {
return Math.max(d.radius, 10) + "px";
})
.style("fill", "black")
.style("cursor", "pointer")
.on("click", click)
.on("mouseout", mouseout);
force.on("tick", function () {
link.attr("x1", function (d) { return d.source.x; })
.attr("y1", function (d) { return d.source.y; })
.attr("x2", function (d) { return d.target.x; })
.attr("y2", function (d) { return d.target.y; });
gnode.attr("transform", function (d) {
return "translate(" + d.x + "," + d.y + ")";
});
});
}
function mouseout() {
clearTimeout(details_tmr);
details_tmr = null;
}
function click(d) {
if (!shiftKey) {
// De-select all nodes if shift is not pressed
svg.selectAll(".selected").classed("selected", function (p) { p.selected = false; return false; });
}
// Toggle the selection status
d3.select(this).classed("selected", d.selected = !d.selected);
selectedProbe = d.selected ? d : null;
if (selectedProbe) {
// Call a function to show details of the selected probe
} else {
// Clear the probe details if no probe is selected
}
}
}
One platform to build and deploy the best data apps
Experiment and prototype by building visualizations in live JavaScript notebooks. Collaborate with your team and decide which concepts to build out.
Use Observable Framework to build data apps locally. Use data loaders to build in any language or library, including Python, SQL, and R.
Seamlessly deploy to Observable. Test before you ship, use automatic deploy-on-commit, and ensure your projects are always up-to-date.