29:null 2a:["$","title",null,{"children":"Latency vs. Price | AIMultiple | Observable"}] 2f:T116b,{ const svg = d3.select(DOM.svg(1200, 600)); const margin = { top: 50, right: 150, bottom: 80, left: 70 }; const width = svg.attr("width") - margin.left - margin.right; const height = svg.attr("height") - margin.top - margin.bottom; const data = dataSummary.filter((d) => selectedDomain !== "All" ? d["Price ($/1000 Requests)"] != 0 && d.domain === selectedDomain : d["Price ($/1000 Requests)"] != 0 ); const x = d3 .scaleLinear() .domain([0, d3.max(dataSummary, (d) => d["Price ($/1000 Requests)"]) + 0.5]) .nice() .range([0, width]); const y = d3 .scaleLinear() .domain([0, d3.max(dataSummary, (d) => d["Avg. Response Time (s)"])]) .nice() .range([height, 0]); const tooltip = d3 .select("body") .append("div") .style("position", "absolute") .style("background-color", "white") .style("border", "1px solid black") .style("border-radius", "5px") .style("padding", "10px") .style("pointer-events", "none") .style("opacity", 0); const verticalLine = svg .append("line") .style("stroke", "gray") .style("stroke-width", 1) .style("stroke-dasharray", "4, 4") .style("pointer-events", "none"); const horizontalLine = svg .append("line") .style("stroke", "gray") .style("stroke-width", 1) .style("stroke-dasharray", "4, 4") .style("pointer-events", "none"); let xPosFixed, yPosFixed; svg .selectAll("image") .data(data) .enter() .append("image") .attr("xlink:href", (d) => d["Provider Logo"]) .attr( "x", (d) => x(d["Price ($/1000 Requests)"]) + margin.left - imgWidth / 2 ) .attr( "y", (d) => y(d["Avg. Response Time (s)"]) + margin.top - imgHeight / 2 ) .attr("width", imgWidth) .attr("height", imgHeight) .attr("fill", "steelblue") .attr("stroke", "white") .attr("stroke-width", 1) .on("mouseover", function (event, d) { xPosFixed = x(d["Price ($/1000 Requests)"]) + margin.left; yPosFixed = y(d["Avg. Response Time (s)"]) + margin.top; tooltip .style("opacity", 1) .html( `Provider: ${d.Provider}
Price: $${d3.format(".2f")( d["Price ($/1000 Requests)"] )} per 1000 requests
Average Time: ${d3.format(".2f")( d["Avg. Response Time (s)"] )} seconds` ) .style("left", xPosFixed + 0 + "px") .style("top", yPosFixed - 0 + "px"); verticalLine .attr("x1", xPosFixed) .attr("y1", yPosFixed) .attr("x2", xPosFixed) .attr("y2", height + margin.top); horizontalLine .attr("x1", margin.left) .attr("y1", yPosFixed) .attr("x2", xPosFixed) .attr("y2", yPosFixed); }) .on("mousemove", function (event) { tooltip .style("left", d3.pointer(event)[0] + 10 + "px") .style("top", d3.pointer(event)[1] - 10 + "px"); }) .on("mouseout", function () { tooltip.style("opacity", 0); verticalLine.attr("x1", 0).attr("y1", 0).attr("x2", 0).attr("y2", 0); horizontalLine.attr("x1", 0).attr("y1", 0).attr("x2", 0).attr("y2", 0); }); svg .append("g") .attr("class", "x axis") .attr("transform", `translate(${margin.left},${height + margin.top})`) .call( d3.axisBottom(x).tickFormat((d) => (d === 0 ? "" : d3.format(".1f")(d))) ) .attr("font-size", "16px") .attr("font-family", fontFamily) .append("text") .attr("class", "label") .attr("x", width) .attr("y", 50) .attr("fill", "#000") .attr("text-anchor", "end") .attr("font-size", "16px") .attr("font-family", fontFamily) .attr("font-weight", "bold") .text("Price ($/1000 Requests)"); svg .append("g") .attr("class", "y axis") .attr("transform", `translate(${margin.left},${margin.top})`) .call(d3.axisLeft(y).tickFormat((d) => (d === 0 ? "" : d))) .attr("font-size", "16px") .attr("font-family", fontFamily) .append("text") .attr("class", "label") .attr("transform", "rotate(0)") .attr("y", -20) .attr("x", -margin.left) .attr("fill", "#000") .attr("text-anchor", "start") .attr("font-size", "16px") .attr("font-weight", "bold") .attr("font-family", fontFamily) .text("Latency (seconds)"); return svg.node(); }30:T751,dataSummary = [ { domain: "https://x.com", "Total Queries": 100, "Avg. Response Time (s)": 34.28, "Price ($/1000 Requests)": 3.5, "Success %": 100.0, Provider: "apify", "Provider Logo": "https://upload.wikimedia.org/wikipedia/commons/thumb/2/28/Apify-logo.svg/768px-Apify-logo.svg.png?20220616161932" }, { domain: "https://www.linkedin.com", "Total Queries": 92, "Avg. Response Time (s)": 45.37, "Price ($/1000 Requests)": 2.0, "Success %": 100.0, Provider: "apify", "Provider Logo": "https://upload.wikimedia.org/wikipedia/commons/thumb/2/28/Apify-logo.svg/768px-Apify-logo.svg.png?20220616161932" }, { domain: "https://x.com", "Total Queries": 100, "Avg. Response Time (s)": 33.76, "Price ($/1000 Requests)": 1.02, "Success %": 98.0, Provider: "brightdata", "Provider Logo": "https://seeklogo.com/images/B/brightdata-logo-0B731D9F1F-seeklogo.com.png" }, { domain: "https://www.linkedin.com", "Total Queries": 92, "Avg. Response Time (s)": 25.22, "Price ($/1000 Requests)": 1.08, "Success %": 92.39, Provider: "brightdata", "Provider Logo": "https://seeklogo.com/images/B/brightdata-logo-0B731D9F1F-seeklogo.com.png" }, { domain: "https://x.com", "Total Queries": 100, "Avg. Response Time (s)": 18.7, "Price ($/1000 Requests)": 0, "Success %": 35.0, Provider: "nimble", "Provider Logo": "https://www.privateproxyreviews.com/wp-content/uploads/2023/01/Nimbleway-Review.jpg" }, { domain: "https://www.linkedin.com", "Total Queries": 92, "Avg. Response Time (s)": 11.86, "Price ($/1000 Requests)": 0, "Success %": 72.83, Provider: "nimble", "Provider Logo": "https://www.privateproxyreviews.com/wp-content/uploads/2023/01/Nimbleway-Review.jpg" } ]31:[] 2d:{"id":"9d961775f1905969","slug":null,"title":"Latency vs. Price","thumbnail":"8cb603952537fe9f19e287742388f4aa4443fab2e0da6b4fbfcf0146df7cd3e8","access_level":"public","create_time":"$D2024-09-17T12:19:33.135Z","update_time":"$D2024-09-20T06:48:58.802Z","view_time":null,"first_public_time":"$D2024-09-18T20:24:54.133Z","fork":false,"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":305,"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":"team","id":"5733e841fcacdf4f","login":"aimultiple","name":"AIMultiple","avatar_url":"https://avatars-next.observableusercontent.com/133d2114ff11e036d9dfe06755eaf53e3bbd77e78aa100f7dab4a973a4a04cc1","tier":"starter_2024","role":"editor"},{"type":"individual","id":"e7aeeb92f6534769","login":"isinkosemen","name":"Isin Kosemen","avatar_url":"https://avatars-next.observableusercontent.com/eba1875f048d3ca949846e25fa68a07e302128a50076b24d7fbb281190817fbf","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"Latency vs. Price","cells":[{"id":0,"value":"# Latency vs. Price","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined"},{"id":47,"value":"html`

Select a domain:

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":194,"value":"viewof selectedDomain = Inputs.select(uniqueDomainsWithAll, {\n format: (x) => x,\n value: \"All\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":291,"value":"html`

Hover on each provider to see details.

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":14,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":299,"value":"imgWidth = 80","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":301,"value":"imgHeight = 80","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":294,"value":"uniqueDomainsWithAll = [\"All\", ...uniqueDomains]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":53,"value":"uniqueDomains = Array.from(new Set(dataSummary.map(d => d.domain)));","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":122,"value":"$30","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":16,"value":"fontFamily = \"Work Sans\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":102,"value":"pricingData = [\n { queryCount: 10, brightdata: 0 },\n { queryCount: 100, brightdata: 0 },\n { queryCount: 1000, brightdata: 1 },\n { queryCount: 10000, brightdata: 9 },\n { queryCount: 100000, brightdata: 72 },\n { queryCount: 1000000, brightdata: 702 },\n { queryCount: 10000000, brightdata: 7002 },\n { queryCount: 100000000, brightdata: 70002 },\n { queryCount: 1000000000, brightdata: 700002 },\n ];","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W31","stdlib":"1","titling":"auto"}} 2e:"$2d:body"