29:null 2a:["$","title",null,{"children":"Crawl Time Analysis (Violin) | AIMultiple | Observable"}] 2f:T2d10,chartToRender = { if (Result === "All") { const width = 800; const height = 600; const margin = { top: 40, right: 30, bottom: 80, left: 100 }; const filteredData = data2.filter( (d) => d.http_code == 200 && d.failed_quality_filter == 0 ); const svg = d3 .create("svg") .attr("width", width) .attr("height", height) .style("font", "14px sans-serif"); const x = d3 .scaleLinear() .range([margin.left, width - margin.right]) .domain([-50, 50]); const y = d3 .scaleLinear() .range([height - margin.bottom, margin.top]) .domain([0, d3.max(filteredData, (d) => d.time_total)]); const kde = (kernel, thresholds, data) => { return thresholds.map((t) => [t, d3.mean(data, (d) => kernel(t - d))]); }; const epanechnikov = (bandwidth) => { return (x) => Math.abs((x /= bandwidth)) <= 1 ? (0.75 * (1 - x * x)) / bandwidth : 0; }; const bandwidth = 0.5; const times = filteredData.map((d) => d.time_total); const density = kde(epanechnikov(bandwidth), y.ticks(100), times); const scaledDensity = density.map(([y, v]) => [y, v * 50]); const boxPlotData = filteredData.map((d) => d.time_total); const q1 = d3.quantile(boxPlotData, 0.25); const median = d3.quantile(boxPlotData, 0.5); const q3 = d3.quantile(boxPlotData, 0.75); const iqr = q3 - q1; const min = d3.min(boxPlotData); const max = d3.max(boxPlotData); const mean = d3.mean(boxPlotData); const stddev = Math.sqrt( d3.mean(boxPlotData.map((d) => Math.pow(d - d3.mean(boxPlotData), 2))) ); const lowerWhisker = Math.max(min, q1 - 1.5 * iqr); const upperWhisker = Math.min(max, q3 + 1.5 * iqr); const offset = 220; svg .append("path") .datum(scaledDensity) .attr("fill", violinColor) .attr("stroke", violinStrokeColor) .attr("stroke-width", 1) .attr( "d", d3 .area() .x0((d) => x(-d[1]) - offset) .x1((d) => x(d[1]) - offset) .y((d) => y(d[0])) .curve(d3.curveCatmullRom) ); svg .append("g") .attr("transform", `translate(${margin.left},0)`) .call( d3 .axisLeft(y) .tickValues([0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100]) .tickFormat((d) => (d === 100 ? "100 seconds" : d)) ) .selectAll("text") .style("font-size", "14px"); //const mean = d3.mean(data2, (d) => d.time_total); svg .append("text") .attr("x", offset + 25) .attr("y", y(mean) + 15) .attr("text-anchor", "start") .attr("fill", "#1f262a") .attr("font-family", fontFamily) .text(`${mean.toFixed(2)} seconds`); svg .append("text") .attr("x", offset + 20) .attr("y", y(stddev) - 5) .attr("text-anchor", "start") .attr("font-weight", "normal") .attr("fill", "#f41706") .attr("font-family", fontFamily) .text(`${stddev.toFixed(2)} seconds`); svg .append("line") .attr("x1", margin.left) .attr("x2", width - margin.right - offset * 2) .attr("y1", y(mean)) .attr("y2", y(mean)) .attr("stroke", "black"); svg .append("line") .attr("x1", margin.left) .attr("x2", width - margin.right - offset * 2) .attr("y1", y(stddev)) .attr("y2", y(stddev)) .attr("stroke", "red"); const legendData = [ { label: "Average", color: avgColor }, { label: "Standard Deviation", color: stdDevColor } ]; const legend = svg.append("g").attr("transform", "translate(10, 10)"); legend .selectAll(".legend-item") .data(legendData) .enter() .append("g") .attr("class", "legend-item") .attr("transform", (d, i) => `translate(${i * 100}, 0)`); legend .selectAll(".legend-item") .append("line") .attr("x1", 0) .attr("x2", 15) .attr("y1", 2) .attr("y2", -6) .attr("stroke", (d) => d.color) .attr("stroke-width", 3) .attr("font-family", fontFamily); legend .selectAll(".legend-item") .append("text") .attr("x", 20) .attr("y", 2) .attr("font-family", fontFamily) .attr("alignment-baseline", "middle") .text((d) => d.label) .attr("font-family", fontFamily); return svg.node(); } else if (Result === "By Proxy") { const width = 800; const height = 600; const margin = { top: 40, right: 30, bottom: 80, left: 100 }; const filteredData = data2.filter( (d) => d.http_code == 200 && d.failed_quality_filter == 0 ); const svg = d3 .create("svg") .attr("width", width) .attr("height", height) .style("font", "14px sans-serif"); const x = d3 .scaleBand() .range([margin.left, width - margin.right]) .domain(["smartproxy", "nimble", "brightdata", "netnut", "oxylabs"]) .padding(0.05); const y = d3 .scaleLinear() .range([height - margin.bottom, margin.top]) .domain([0, d3.max(filteredData, (d) => d.time_total)]); const kde = (kernel, thresholds, data) => { return thresholds.map((t) => [t, d3.mean(data, (d) => kernel(t - d))]); }; const epanechnikov = (bandwidth) => { return (x) => Math.abs((x /= bandwidth)) <= 1 ? (0.75 * (1 - x * x)) / bandwidth : 0; }; const bandwidth = 0.5; const violinData = Array.from( d3.group(filteredData, (d) => d.proxy), ([proxy, values]) => { const times = values.map((d) => d.time_total); const density = kde(epanechnikov(bandwidth), y.ticks(100), times); const scaledDensity = density.map(([y, v]) => [y, v * 50]); const mean = d3.mean(times); const stddev = d3.deviation(times); return { proxy, scaledDensity, mean, stddev }; } ); const tooltip = d3 .select("body") .append("div") .style("position", "absolute") .style("background", "white") .style("padding", "5px") .style("border", "1px solid black") .style("border-radius", "5px") .style("pointer-events", "none") .style("opacity", 0); svg .selectAll("path") .data(violinData) .join("path") .attr("d", (d) => d3 .area() .x0((dPoint) => x(d.proxy) + x.bandwidth() / 2 - dPoint[1]) .x1((dPoint) => x(d.proxy) + x.bandwidth() / 2 + dPoint[1]) .y((dPoint) => y(dPoint[0])) .curve(d3.curveCatmullRom)(d.scaledDensity) ) .attr("fill", violinColor) .attr("stroke", violinStrokeColor) .attr("stroke-width", 1) .on("mouseover", function (event, d) { tooltip.style("opacity", 1).html(` Proxy: ${d.proxy}
Average: ${d.mean.toFixed(2)}
Standard Deviation: ${d.stddev.toFixed(2)} `); }) .on("mousemove", function (event) { tooltip .style("left", event.pageX + 10 + "px") .style("top", event.pageY - 20 + "px"); }) .on("mouseout", function () { tooltip.style("opacity", 0); }); svg .append("g") .attr("transform", `translate(0,${height - margin.bottom})`) .call(d3.axisBottom(x)) .style("font-size", "14px") .style("text-anchor", "middle"); svg .append("g") .attr("transform", `translate(${margin.left},0)`) .call( d3 .axisLeft(y) .tickValues([0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100]) .tickFormat((d) => (d === 100 ? "100 seconds" : d)) ) .selectAll("text") .style("font-size", "14px"); return svg.node(); } else { const width = 800; const height = 600; const margin = { top: 40, right: 30, bottom: 80, left: 100 }; const filteredData = selectDomain === "All" ? data2.filter( (d) => d.http_code == 200 && d.failed_quality_filter == 0 ) : data2.filter( (d) => d.http_code == 200 && d.failed_quality_filter == 0 && d.domain === selectDomain ); const maxY = d3.max(filteredData, (d) => d.time_total); const roundedMaxY = Math.ceil(maxY / 10) * 10; const yTicks = d3.range(0, roundedMaxY + 1, roundedMaxY / 10); const svg = d3 .create("svg") .attr("width", width) .attr("height", height) .style("font", "14px sans-serif"); const x = d3 .scaleBand() .range([margin.left, width - margin.right]) .domain(["smartproxy", "nimble", "brightdata", "netnut", "oxylabs"]) .padding(0.05); const y = d3 .scaleLinear() .range([height - margin.bottom, margin.top]) .domain([0, roundedMaxY]) const kde = (kernel, thresholds, data) => { return thresholds.map((t) => [t, d3.mean(data, (d) => kernel(t - d))]); }; const epanechnikov = (bandwidth) => { return (x) => Math.abs((x /= bandwidth)) <= 1 ? (0.75 * (1 - x * x)) / bandwidth : 0; }; const bandwidth = 0.5; const violinData = Array.from( d3.group(filteredData, (d) => d.proxy), ([proxy, values]) => { const times = values.map((d) => d.time_total); const density = kde(epanechnikov(bandwidth), y.ticks(100), times); const scaledDensity = density.map(([y, v]) => [y, v * 50]); const mean = d3.mean(times); const stddev = d3.deviation(times); return { proxy, scaledDensity, mean, stddev }; } ); const tooltip = d3 .select("body") .append("div") .style("position", "absolute") .style("background", "white") .style("padding", "5px") .style("border", "1px solid black") .style("border-radius", "5px") .style("pointer-events", "none") .style("opacity", 0); svg .selectAll("path") .data(violinData) .join("path") .attr("d", (d) => d3 .area() .x0((dPoint) => x(d.proxy) + x.bandwidth() / 2 - dPoint[1]) .x1((dPoint) => x(d.proxy) + x.bandwidth() / 2 + dPoint[1]) .y((dPoint) => y(dPoint[0])) .curve(d3.curveCatmullRom)(d.scaledDensity) ) .attr("fill", violinColor) .attr("stroke", violinStrokeColor) .attr("stroke-width", 1) .on("mouseover", function (event, d) { tooltip.style("opacity", 1).html(` Proxy: ${d.proxy}
Average: ${d.mean.toFixed(2)}
Standard Deviation: ${d.stddev.toFixed(2)} `); }) .on("mousemove", function (event) { tooltip .style("left", event.pageX + 10 + "px") .style("top", event.pageY - 20 + "px"); }) .on("mouseout", function () { tooltip.style("opacity", 0); }); svg .append("g") .attr("transform", `translate(0,${height - margin.bottom})`) .call(d3.axisBottom(x)) .style("font-size", "14px") .style("text-anchor", "middle"); svg .append("g") .attr("transform", `translate(${margin.left},0)`) .call( d3 .axisLeft(y) .tickValues(yTicks) .tickFormat((d) => (d === roundedMaxY ? `${roundedMaxY} seconds` : d)) ) .selectAll("text") .style("font-size", "14px"); return svg.node(); } }30:T100a,{ const width = 800; const height = 600; const margin = { top: 40, right: 30, bottom: 80, left: 100 }; const filteredData = data2.filter( (d) => d.http_code == 200 && d.failed_quality_filter == 0 ); const svg = d3 .create("svg") .attr("width", width) .attr("height", height) .style("font", "14px sans-serif"); const x = d3 .scaleLinear() .range([margin.left, width - margin.right]) .domain([-50, 50]); const y = d3 .scaleLinear() .range([height - margin.bottom, margin.top]) .domain([0, d3.max(filteredData, (d) => d.time_total)]); const kde = (kernel, thresholds, data) => { return thresholds.map((t) => [t, d3.mean(data, (d) => kernel(t - d))]); }; const epanechnikov = (bandwidth) => { return (x) => Math.abs((x /= bandwidth)) <= 1 ? (0.75 * (1 - x * x)) / bandwidth : 0; }; const bandwidth = 0.5; const times = filteredData.map((d) => d.time_total); const density = kde(epanechnikov(bandwidth), y.ticks(100), times); const scaledDensity = density.map(([y, v]) => [y, v * 50]); const boxPlotData = filteredData.map((d) => d.time_total); const q1 = d3.quantile(boxPlotData, 0.25); const median = d3.quantile(boxPlotData, 0.5); const q3 = d3.quantile(boxPlotData, 0.75); const iqr = q3 - q1; const min = d3.min(boxPlotData); const max = d3.max(boxPlotData); const mean = d3.mean(boxPlotData); const stddev = Math.sqrt( d3.mean(boxPlotData.map((d) => Math.pow(d - d3.mean(boxPlotData), 2))) ); const lowerWhisker = Math.max(min, q1 - 1.5 * iqr); const upperWhisker = Math.min(max, q3 + 1.5 * iqr); const offset = 220; svg .append("path") .datum(scaledDensity) .attr("fill", violinColor) .attr("stroke", "#000") .attr("stroke-width", 1) .attr( "d", d3 .area() .x0((d) => x(-d[1]) - offset) .x1((d) => x(d[1]) - offset) .y((d) => y(d[0])) .curve(d3.curveCatmullRom) ); svg .append("g") .attr("transform", `translate(${margin.left},0)`) .call( d3 .axisLeft(y) .tickValues([0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100]) .tickFormat((d) => (d === 100 ? "100 seconds" : d)) ) .selectAll("text") .style("font-size", "14px"); //const mean = d3.mean(data2, (d) => d.time_total); svg .append("text") .attr("x", offset + 25) .attr("y", y(mean) + 15) .attr("text-anchor", "start") .attr("fill", "#1f262a") .attr("font-family", fontFamily) .text(`${mean.toFixed(2)} seconds`); svg .append("text") .attr("x", offset + 20) .attr("y", y(stddev) - 5) .attr("text-anchor", "start") .attr("font-weight", "normal") .attr("fill", "#f41706") .attr("font-family", fontFamily) .text(`${stddev.toFixed(2)} seconds`); svg .append("line") .attr("x1", margin.left) .attr("x2", width - margin.right - offset * 2) .attr("y1", y(mean)) .attr("y2", y(mean)) .attr("stroke", "black"); svg .append("line") .attr("x1", margin.left) .attr("x2", width - margin.right - offset * 2) .attr("y1", y(stddev)) .attr("y2", y(stddev)) .attr("stroke", "red"); const legendData = [ { label: "Average", color: avgColor }, { label: "Standard Deviation", color: stdDevColor } ]; const legend = svg.append("g").attr("transform", "translate(10, 10)"); legend .selectAll(".legend-item") .data(legendData) .enter() .append("g") .attr("class", "legend-item") .attr("transform", (d, i) => `translate(${i * 100}, 0)`); legend .selectAll(".legend-item") .append("line") .attr("x1", 0) .attr("x2", 15) .attr("y1", 2) .attr("y2", -6) .attr("stroke", (d) => d.color) .attr("stroke-width", 3) .attr("font-family", fontFamily); legend .selectAll(".legend-item") .append("text") .attr("x", 20) .attr("y", 2) .attr("font-family", fontFamily) .attr("alignment-baseline", "middle") .text((d) => d.label) .attr("font-family", fontFamily); return svg.node(); }31:Tc55,{ const width = 800; const height = 600; const margin = { top: 40, right: 30, bottom: 80, left: 100 }; const filteredData = data2.filter( (d) => d.http_code == 200 && d.failed_quality_filter == 0 ); const svg = d3 .create("svg") .attr("width", width) .attr("height", height) .style("font", "14px sans-serif"); const x = d3 .scaleBand() .range([margin.left, width - margin.right]) .domain(["smartproxy", "nimble", "brightdata", "netnut", "oxylabs"]) .padding(0.05); const y = d3 .scaleLinear() .range([height - margin.bottom, margin.top]) .domain([0, d3.max(filteredData, (d) => d.time_total)]); const kde = (kernel, thresholds, data) => { return thresholds.map((t) => [t, d3.mean(data, (d) => kernel(t - d))]); }; const epanechnikov = (bandwidth) => { return (x) => Math.abs((x /= bandwidth)) <= 1 ? (0.75 * (1 - x * x)) / bandwidth : 0; }; const bandwidth = 0.5; const violinData = Array.from( d3.group(filteredData, (d) => d.proxy), ([proxy, values]) => { const times = values.map((d) => d.time_total); const density = kde(epanechnikov(bandwidth), y.ticks(100), times); const scaledDensity = density.map(([y, v]) => [y, v * 50]); const mean = d3.mean(times); const stddev = d3.deviation(times); return { proxy, scaledDensity, mean, stddev }; } ); const tooltip = d3 .select("body") .append("div") .style("position", "absolute") .style("background", "white") .style("padding", "5px") .style("border", "1px solid black") .style("border-radius", "5px") .style("pointer-events", "none") .style("opacity", 0); svg .selectAll("path") .data(violinData) .join("path") .attr("d", (d) => d3 .area() .x0((dPoint) => x(d.proxy) + x.bandwidth() / 2 - dPoint[1]) .x1((dPoint) => x(d.proxy) + x.bandwidth() / 2 + dPoint[1]) .y((dPoint) => y(dPoint[0])) .curve(d3.curveCatmullRom)(d.scaledDensity) ) .attr("fill", violinColor) .attr("stroke", "#000") .attr("stroke-width", 1) .on("mouseover", function (event, d) { tooltip.style("opacity", 1).html(` Proxy: ${d.proxy}
Average: ${d.mean.toFixed(2)}
Standard Deviation: ${d.stddev.toFixed(2)} `); }) .on("mousemove", function (event) { tooltip .style("left", event.pageX + 10 + "px") .style("top", event.pageY - 20 + "px"); }) .on("mouseout", function () { tooltip.style("opacity", 0); }); svg .append("g") .attr("transform", `translate(0,${height - margin.bottom})`) .call(d3.axisBottom(x)) .style("font-size", "14px") .style("text-anchor", "middle"); svg .append("g") .attr("transform", `translate(${margin.left},0)`) .call( d3 .axisLeft(y) .tickValues([0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100]) .tickFormat((d) => (d === 100 ? "100 seconds" : d)) ) .selectAll("text") .style("font-size", "14px"); return svg.node(); }32:Ta96,{ const width = 400; const height = 300; const margin = { top: 40, right: 30, bottom: 60, left: 60 }; const groupedData = d3.group(data2, d => d.proxy); const container = d3.create("div") .style("display", "flex") .style("flex-wrap", "wrap") .style("justify-content", "center"); groupedData.forEach((proxyData, proxy) => { const svg = container.append("svg") .attr("width", width) .attr("height", height) .style("margin", "10px"); const x = d3.scaleLinear() .range([margin.left, width - margin.right]) .domain([-50, 50]); const y = d3.scaleLinear() .range([height - margin.bottom, margin.top]) .domain([0, d3.max(proxyData, d => d.time_total)]); const kde = (kernel, thresholds, data) => { return thresholds.map(t => [t, d3.mean(data, d => kernel(t - d))]); }; const epanechnikov = bandwidth => { return x => Math.abs(x /= bandwidth) <= 1 ? 0.75 * (1 - x * x) / bandwidth : 0; }; const bandwidth = 0.5; const times = proxyData.map(d => d.time_total); const density = kde(epanechnikov(bandwidth), y.ticks(100), times); const scaledDensity = density.map(([y, v]) => [y, v * 150]); svg.append("path") .datum(scaledDensity) .attr("fill", "#69b3a2") .attr("opacity", 0.8) .attr("stroke", "#000") .attr("stroke-width", 1) .attr("d", d3.area() .x0(d => x(-d[1])) .x1(d => x(d[1])) .y(d => y(d[0])) .curve(d3.curveCatmullRom) ); svg.append("g") .attr("transform", `translate(${margin.left},0)`) .call(d3.axisLeft(y) .tickValues([0, 20, 40, 60, 80, 100]) .tickFormat(d => d === 100 ? "100s" : d) ); svg.append("g") .attr("transform", `translate(0,${height - margin.bottom})`) .call(d3.axisBottom(x)); const mean = d3.mean(proxyData, d => d.time_total); svg.append("line") .attr("x1", x(-0.8)) .attr("x2", x(0.8)) .attr("y1", y(mean)) .attr("y2", y(mean)) .attr("stroke", "red") .attr("stroke-dasharray", "4"); svg.append("text") .attr("x", width / 2) .attr("y", margin.top / 2) .attr("text-anchor", "middle") .style("font-size", "16px") .style("font-weight", "bold") .text(proxy); svg.append("text") .attr("x", width / 2) .attr("y", height - margin.bottom / 3) .attr("text-anchor", "middle") .text("Density"); svg.append("text") .attr("transform", "rotate(-90)") .attr("x", -height / 2) .attr("y", margin.left / 3) .attr("text-anchor", "middle") .text("Time (seconds)"); }); return container.node();}33:Td15,{ const width = 800; const height = 600; const margin = { top: 40, right: 30, bottom: 80, left: 100 }; const filteredData = selectDomain === "All" ? data2.filter((d) => d.http_code == 200 && d.failed_quality_filter == 0) : data2.filter( (d) => d.http_code == 200 && d.failed_quality_filter == 0 && d.domain === selectDomain ); const svg = d3 .create("svg") .attr("width", width) .attr("height", height) .style("font", "14px sans-serif"); const x = d3 .scaleBand() .range([margin.left, width - margin.right]) .domain(["smartproxy", "nimble", "brightdata", "netnut", "oxylabs"]) .padding(0.05); const y = d3 .scaleLinear() .range([height - margin.bottom, margin.top]) .domain([0, d3.max(filteredData, (d) => d.time_total)]); const kde = (kernel, thresholds, data) => { return thresholds.map((t) => [t, d3.mean(data, (d) => kernel(t - d))]); }; const epanechnikov = (bandwidth) => { return (x) => Math.abs((x /= bandwidth)) <= 1 ? (0.75 * (1 - x * x)) / bandwidth : 0; }; const bandwidth = 0.5; const violinData = Array.from( d3.group(filteredData, (d) => d.proxy), ([proxy, values]) => { const times = values.map((d) => d.time_total); const density = kde(epanechnikov(bandwidth), y.ticks(100), times); const scaledDensity = density.map(([y, v]) => [y, v * 50]); const mean = d3.mean(times); const stddev = d3.deviation(times); return { proxy, scaledDensity, mean, stddev }; } ); const tooltip = d3 .select("body") .append("div") .style("position", "absolute") .style("background", "white") .style("padding", "5px") .style("border", "1px solid black") .style("border-radius", "5px") .style("pointer-events", "none") .style("opacity", 0); svg .selectAll("path") .data(violinData) .join("path") .attr("d", (d) => d3 .area() .x0((dPoint) => x(d.proxy) + x.bandwidth() / 2 - dPoint[1]) .x1((dPoint) => x(d.proxy) + x.bandwidth() / 2 + dPoint[1]) .y((dPoint) => y(dPoint[0])) .curve(d3.curveCatmullRom)(d.scaledDensity) ) .attr("fill", violinColor) .attr("stroke", "#000") .attr("stroke-width", 1) .on("mouseover", function (event, d) { tooltip.style("opacity", 1).html(` Proxy: ${d.proxy}
Average: ${d.mean.toFixed(2)}
Standard Deviation: ${d.stddev.toFixed(2)} `); }) .on("mousemove", function (event) { tooltip .style("left", event.pageX + 10 + "px") .style("top", event.pageY - 20 + "px"); }) .on("mouseout", function () { tooltip.style("opacity", 0); }); svg .append("g") .attr("transform", `translate(0,${height - margin.bottom})`) .call(d3.axisBottom(x)) .style("font-size", "14px") .style("text-anchor", "middle"); svg .append("g") .attr("transform", `translate(${margin.left},0)`) .call( d3 .axisLeft(y) .tickValues([0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100]) .tickFormat((d) => (d === 100 ? "100 seconds" : d)) ) .selectAll("text") .style("font-size", "14px"); return svg.node(); }34:T5bb,multiButtonSelectDomains = (params) => { const description = params.description; const options = params.options; let value = params.defaultValue; const buttonObjects = options.map((opt) => { const buttonColor = opt.label === "target.com" ? "#CC0000" : opt.label === "ebay.com" ? "#86B817" : opt.value === "walmart.com" ? "#ffc220" : opt.label === "booking.com" ? "#003580" : opt.label === "indeed.com" ? "#ff6600" : opt.label === "zillow.com" ? "#1277e1" : "#6cadf9"; const button = html``; button.onclick = () => (value = opt.value); return button; }); const view = html` `; Object.defineProperty(view, "value", { get() { return value; } }); return view; }35:T42e,multiButtonSelect = (params) => { const description = params.description; const options = params.options; let value = params.defaultValue; const buttonObjects = options.map((opt) => { const button = html``; button.onclick = () => value = opt.value; return button; }); const view = html` `; Object.defineProperty(view, "value", {get() { return value; }}); return view; }36:[{"id":"31c231cab43b48ea3f9d0ee66fcee172d4d3311eb3001502a1b62b93d40bf0b376361f170e1e72849364e2cbbfac041e99954c70f770cd1cac074ae74abbf3cd","href":"https://static.observableusercontent.com/files/31c231cab43b48ea3f9d0ee66fcee172d4d3311eb3001502a1b62b93d40bf0b376361f170e1e72849364e2cbbfac041e99954c70f770cd1cac074ae74abbf3cd","name":"data2.json","type":"application/json","lastModified":1726217766100.073,"size":10413008}] 2d:{"id":"7a29e8f40bb0ba21","slug":null,"title":"Crawl Time Analysis (Violin)","thumbnail":"862cff128d6fda7de57a0994114d0584a0c0c5314ba415507b87d91a272c2467","access_level":"public","create_time":"$D2024-09-13T08:56:06.100Z","update_time":"$D2024-09-13T15:05:21.089Z","view_time":null,"first_public_time":"$D2024-09-13T15:36:27.479Z","fork":{"id":"e5b877db8f012be1","slug":null,"title":"Crawl Time Analysis","owner":{"id":"5733e841fcacdf4f","login":"aimultiple","name":"AIMultiple"}},"stars":0,"starred":false,"owner":{"type":"team","id":"5733e841fcacdf4f","login":"aimultiple","name":"AIMultiple","avatar_url":"https://avatars-next.observableusercontent.com/133d2114ff11e036d9dfe06755eaf53e3bbd77e78aa100f7dab4a973a4a04cc1","tier":"starter_2024"},"version":689,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"e7aeeb92f6534769","login":"isinkosemen","name":"Isin Kosemen","avatar_url":"https://avatars-next.observableusercontent.com/eba1875f048d3ca949846e25fa68a07e302128a50076b24d7fbb281190817fbf","tier":null}],"members":[{"type":"individual","id":"e7aeeb92f6534769","login":"isinkosemen","name":"Isin Kosemen","avatar_url":"https://avatars-next.observableusercontent.com/eba1875f048d3ca949846e25fa68a07e302128a50076b24d7fbb281190817fbf","tier":null,"role":"editor"},{"type":"team","id":"5733e841fcacdf4f","login":"aimultiple","name":"AIMultiple","avatar_url":"https://avatars-next.observableusercontent.com/133d2114ff11e036d9dfe06755eaf53e3bbd77e78aa100f7dab4a973a4a04cc1","tier":"starter_2024","role":"viewer"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Crawl Time Analysis (Violin)","cells":[{"id":0,"value":"# Crawl Time Analysis (Violin)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":233,"value":"viewof Result = multiButtonSelect({\n description: \"Chose drill down options\",\n defaultValue: \"All\",\n options: [\n { label: \"All\", value: \"All\" },\n { label: \"By Proxy\", value: \"By Proxy\" },\n { label: \"By Proxy and Domain\", value: \"By Proxy & Domain\" }\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":346,"value":"`Selected drill down option: ${Result}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":244,"value":"viewof selectDomain = Result == \"All\"\n ? multiButtonSelectDomains({\n description: \"Chose domains\",\n defaultValue: \"All\",\n options: [\n { label: \"All\", value: \"All\" },\n ]\n })\n : Result == \"By Proxy\"\n ? multiButtonSelectDomains({\n description: \"Chose domains\",\n defaultValue: \"All\",\n options: [\n { label: \"All\", value: \"All\" },\n ]\n })\n : multiButtonSelectDomains({\n description: \"Chose domains\",\n defaultValue: \"All\",\n options: [\n { label: \"All\", value: \"All\" },\n { label: \"target.com\", value: \"target.com\" },\n { label: \"ebay.com\", value: \"ebay.com\" },\n { label: \"walmart.com\", value: \"walmart.com\" },\n { label: \"indeed.com\", value: \"indeed.com\" },\n { label: \"zillow.com\", value: \"zillow.com\" }\n ]\n })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":322,"value":"`Selected domain: ${selectDomain}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":296,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":304,"value":"## Crawl Times by All Proxy and Domain Groups (HTTP Code = 200 and Failed Quality = 0)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":497,"value":"$30","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":307,"value":"## Crawl Times by Proxy and All Domain Groups (HTTP Code = 200 and Failed Quality = 0)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":569,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":688,"value":"### Wider x scale","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":538,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":311,"value":"## Crawl Times by Proxy and Filter Domain Groups (HTTP Code = 200 and Failed Quality = 0)","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":670,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":235,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":258,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":6,"value":"data2=FileAttachment(\"data2.json\").json()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":136,"value":"fontFamily=\"Arial, sans-serif\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":369,"value":"violinColor = \"#69b3a2\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":679,"value":"violinStrokeColor=\"#112722\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":372,"value":"stdDevColor=\"#f41706\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":375,"value":"avgColor=\"#1f262a\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":377,"value":"buttonColor=\"blue\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":483,"value":"d3 = require(\"d3@7\");","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W36","stdlib":"1","titling":"auto"}} 2e:"$2d:body"