2b:null 2c:["$","title",null,{"children":"RIPE Atlas min RTT: diff | Agustín | Observable"}] 31:T69b,viewof dates = multi_form(html`

Select dates and ASNs to compare:

Hit Submit once you're done

Date 1

${bind( html``, viewof _start )}

ASN 1

Date 2

${bind( html``, viewof _stop )}

ASN 2

Min / Max

Min. RTT difference to show (ms)
Max. RTT difference to show (ms)

`)32:Tdb3,map = { const circle = d3.geoCircle(), svg = d3 .create("svg") .attr("width", width) .attr("height", Math.ceil((width * screen.height) / screen.width)); var center = projection([0, 0]); const path = d3.geoPath().projection(projection); const topg = svg.append("g").attr("class", "topg"); // water topg .append('rect') .attr('width', width) .attr('height', Math.ceil((width * screen.height) / screen.width)) .attr('fill', '#CFDCDE'); // landmass topg .selectAll("path") .data(land.features) .enter() .append("path") .attr("d", path) .attr("fill", "white") .attr("stroke", "#999") .attr("stroke-width", "0.5px"); // country borders topg .selectAll("path") .data(borders.features) .enter() .append("path") .attr("d", path) .attr("fill", "none") .attr("stroke", "#B8B8B8") .attr("stroke-width", "0.5px"); let hexes; let first_pass = true; const zoom = d3 .zoom() .scaleExtent([1, 32]) .on('zoom', () => { // called on onzoom event const { transform } = d3.event; let bounds = topg.node().getBoundingClientRect(); first_pass = false; // map lines also get thinner as we zoom in topg.selectAll("path").attr("stroke-width", .5 / transform.k); topg.attr('transform', transform); let hexbin = d3 .hexbin() .extent([[0, 0], [width, height]]) .radius(2 / transform.k) .x(d => d.latlon[0]) .y(d => d.latlon[1]); let min_rtts_with_geo_hex = Object.assign( hexbin(day1Day2) .map(d => ((d.min_rtt = d3.median(d, d => d.min_rtt_2minus1)), d)) .sort((a, b) => b.prb_id - a.prb_id), { title: "Median RTT" } ); let p95 = d3.quantile(min_rtts_with_geo_hex.map(hex => hex.length), .98); hexes.selectAll("path").remove(); hexes .selectAll("path") .data( min_rtts_with_geo_hex.filter(hex => { let [x, y] = projection([hex.y, hex.x]); return true; //x > (-bounds.left + bounds.width / 2) / transform.k; }) ) .join("path") .attr("transform", d => { let [x, y] = projection([d.y, d.x]); return `translate(${x},${y})`; }) .attr("d", d => hexbin.hexagon( (d.length <= p95 ? probeScale(p95)(d.length) : probeScale(p95)(p95)) / transform.k ) ) // 5 .attr("fill", d => color(d.min_rtt)) .attr("stroke", d => d3.lab(color(d.min_rtt)).darker()) .attr("stroke-width", 1.2 / transform.k) .on("mouseover", d => { mutable current_hexbin = d; mutable hover = d.min_rtt; }) .on("mouseout", () => { mutable hover = null; }) .append("title") .text(d => `${d.length.toLocaleString()} probes`); }); hexes = topg.append("g"); svg.call(zoom); // by this point we've got all of our drawing // definitions inside the 'zoom' callback, so // we need to fake a 0-factor zoom event to // get things painted for the first time svg.transition().call(zoom.scaleBy, document.fullscreenElement ? 2 : 0); // return svg.node(); return Object.assign(svg.node(), { zoomIn: () => svg.transition().call(zoom.scaleBy, 2), zoomOut: () => svg.transition().call(zoom.scaleBy, 0.5) // zoomRandom: random, // zoomReset: reset }); }33:[{"id":"1a8bde0512edac0aa5cde4f5c6f78a385bfda9a806bef75dc34b1b485ce1bcaeda01651c5588a109d381892b0e098ec2e13ac5f74b6582d48f419b9d7f3da2dc","href":"https://static.observableusercontent.com/files/1a8bde0512edac0aa5cde4f5c6f78a385bfda9a806bef75dc34b1b485ce1bcaeda01651c5588a109d381892b0e098ec2e13ac5f74b6582d48f419b9d7f3da2dc","name":"20210518.json","type":"application/json","lastModified":1625748061628.874,"size":19441264}] 2f:{"id":"2e7ead92bd5b2a43","slug":"ripe-atlas-min-rtt-diff","title":"RIPE Atlas min RTT: diff","thumbnail":"72d6f8b5f3dcc61cb3753c85417dc56a6a946396a7c46d77e8c4f1d53287475f","access_level":"public","create_time":"$D2021-07-08T12:41:01.628Z","update_time":"$D2021-12-06T23:03:26.535Z","view_time":null,"first_public_time":"$D2021-07-08T19:50:32.221Z","fork":{"id":"dbc3e84b546e60f5","slug":"ripe-atlas-min-rtt-hexbin","title":"Atlas Latency World Map","owner":{"id":"010c865511f6456b","login":"aguformoso","name":"Agustín"}},"stars":0,"starred":false,"owner":{"type":"team","id":"010c865511f6456b","login":"aguformoso","name":"Agustín","avatar_url":"https://avatars-next.observableusercontent.com/53cf33361eaefc9362737a393fb7bd266ef237b7ea7a4e377a830bb5f0c263ca","tier":"starter_2024"},"version":4434,"publish_version":4434,"role":null,"authored":false,"authors":[{"type":"individual","id":"de0d99ff05bbda21","login":"aguformoso","name":"Agustín","avatar_url":"https://avatars-next.observableusercontent.com/53cf33361eaefc9362737a393fb7bd266ef237b7ea7a4e377a830bb5f0c263ca","tier":null}],"members":[{"type":"individual","id":"de0d99ff05bbda21","login":"aguformoso","name":"Agustín","avatar_url":"https://avatars-next.observableusercontent.com/53cf33361eaefc9362737a393fb7bd266ef237b7ea7a4e377a830bb5f0c263ca","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"subscribed":null,"forks":0,"collection":{"id":"c4ac57fca16f9eea","slug":"ripe-atlas","title":"RIPE Atlas","owner":{"id":"010c865511f6456b","login":"aguformoso","name":"Agustín"}},"type":"notebook","body":{"title":"RIPE Atlas min RTT: diff","cells":[{"id":0,"value":"md`# RIPE Atlas min RTT: diff\n\n

\nCompare two snapshots of RIPE Atlas latency measurements, specifiying a date and an ASN. For example:\n\n

One ASN between two dates
Two ASNs on the same date
Two ASNs between two different dates...?

\n got worse with time
\n ⟵\n

\n got better with time
\n ⟶\n

\n ${swatches(palette.f)}\n