chartlet 0.22.0

Compile structured data into deterministic, accessible static charts
Documentation
1
<div class="chartlet-wrapper chartlet-responsive chartlet-bp-640"><style>.chartlet-wrapper.chartlet-responsive{display:block;width:100%;container-type:inline-size}.chartlet-variant-mobile{display:none}@container (max-width:639px){.chartlet-bp-640 .chartlet-variant-desktop{display:none}.chartlet-bp-640 .chartlet-variant-mobile{display:block}}</style><figure class="chartlet-figure" data-viz="chart"><figcaption>Response time distribution by service</figcaption><div class="chartlet-variant-desktop"><svg xmlns="http://www.w3.org/2000/svg" width="760" height="460" viewBox="0 0 760 460" id="chartlet-60337fe5ea11805c" role="img" aria-labelledby="chartlet-60337fe5ea11805c-title chartlet-60337fe5ea11805c-description" class="chartlet-root"><title id="chartlet-60337fe5ea11805c-title">Response time distribution by service</title><desc id="chartlet-60337fe5ea11805c-description">Box plot with 5 boxes, each from the first to the third quartile with its median. Highest median: 91.45 (Upload). Lowest median: 39.25 (Search). Outliers beyond the whiskers: Profile. Each category is a density curve of its observations on a shared value axis, the curves stacked with a slight overlap.</desc><style>.chartlet-root{--chartlet-text:#172033;--chartlet-muted:#344054;--chartlet-grid:#d9dee8;--chartlet-zero:#667085;--chartlet-accent:#2563eb;--chartlet-background:#fff;--chartlet-color-1:#2563eb;--chartlet-color-2:#c2410c;--chartlet-color-3:#475569;--chartlet-color-4:#111827;max-width:100%;height:auto;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--chartlet-text)}#chartlet-60337fe5ea11805c .chartlet-title{font-size:22px;font-weight:650;fill:var(--chartlet-text)}#chartlet-60337fe5ea11805c .chartlet-label,#chartlet-60337fe5ea11805c .chartlet-tick,#chartlet-60337fe5ea11805c .chartlet-value,#chartlet-60337fe5ea11805c .chartlet-value-inverse,#chartlet-60337fe5ea11805c .chartlet-axis-title{font-size:12px;fill:var(--chartlet-muted)}#chartlet-60337fe5ea11805c .chartlet-value,#chartlet-60337fe5ea11805c .chartlet-value-inverse{font-weight:600}#chartlet-60337fe5ea11805c .chartlet-value{fill:var(--chartlet-text)}#chartlet-60337fe5ea11805c .chartlet-value-inverse{fill:var(--chartlet-background)}#chartlet-60337fe5ea11805c .chartlet-axis-title{font-weight:600}#chartlet-60337fe5ea11805c .chartlet-grid{stroke:var(--chartlet-grid);stroke-width:1}#chartlet-60337fe5ea11805c .chartlet-zero{stroke:var(--chartlet-zero);stroke-width:1.5}#chartlet-60337fe5ea11805c .chartlet-bar,#chartlet-60337fe5ea11805c .chartlet-point{fill:var(--chartlet-accent)}#chartlet-60337fe5ea11805c .chartlet-line{fill:none;stroke:var(--chartlet-accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}#chartlet-60337fe5ea11805c .chartlet-background{fill:var(--chartlet-background)}#chartlet-60337fe5ea11805c .chartlet-box{fill:var(--chartlet-accent);fill-opacity:.3;stroke:var(--chartlet-accent);stroke-width:1.5}#chartlet-60337fe5ea11805c .chartlet-box-median{stroke:var(--chartlet-text);stroke-width:3}#chartlet-60337fe5ea11805c .chartlet-box-whisker{stroke:var(--chartlet-accent);stroke-width:1.5;fill:none}#chartlet-60337fe5ea11805c .chartlet-box-outlier{fill:none;stroke:var(--chartlet-accent);stroke-width:1.5}#chartlet-60337fe5ea11805c .chartlet-violin{fill:var(--chartlet-accent);fill-opacity:.3;stroke:var(--chartlet-accent);stroke-width:1.5;stroke-linejoin:round}#chartlet-60337fe5ea11805c .chartlet-violin-box{fill:var(--chartlet-text);stroke:none}#chartlet-60337fe5ea11805c .chartlet-violin-median{fill:var(--chartlet-background);stroke:none}#chartlet-60337fe5ea11805c .chartlet-box-mean{fill:var(--chartlet-background);stroke:var(--chartlet-text);stroke-width:1.5}#chartlet-60337fe5ea11805c .chartlet-box-g1.chartlet-box,#chartlet-60337fe5ea11805c .chartlet-box-g1.chartlet-violin{fill:var(--chartlet-color-1);stroke:var(--chartlet-color-1)}#chartlet-60337fe5ea11805c .chartlet-box-g1.chartlet-box-whisker,#chartlet-60337fe5ea11805c .chartlet-box-g1.chartlet-box-outlier{stroke:var(--chartlet-color-1)}#chartlet-60337fe5ea11805c .chartlet-box-g1.chartlet-box-point{fill:var(--chartlet-color-1)}#chartlet-60337fe5ea11805c .chartlet-box-g2.chartlet-box,#chartlet-60337fe5ea11805c .chartlet-box-g2.chartlet-violin{fill:var(--chartlet-color-2);stroke:var(--chartlet-color-2)}#chartlet-60337fe5ea11805c .chartlet-box-g2.chartlet-box-whisker,#chartlet-60337fe5ea11805c .chartlet-box-g2.chartlet-box-outlier{stroke:var(--chartlet-color-2)}#chartlet-60337fe5ea11805c .chartlet-box-g2.chartlet-box-point{fill:var(--chartlet-color-2)}#chartlet-60337fe5ea11805c .chartlet-box-g3.chartlet-box,#chartlet-60337fe5ea11805c .chartlet-box-g3.chartlet-violin{fill:var(--chartlet-color-3);stroke:var(--chartlet-color-3)}#chartlet-60337fe5ea11805c .chartlet-box-g3.chartlet-box-whisker,#chartlet-60337fe5ea11805c .chartlet-box-g3.chartlet-box-outlier{stroke:var(--chartlet-color-3)}#chartlet-60337fe5ea11805c .chartlet-box-g3.chartlet-box-point{fill:var(--chartlet-color-3)}#chartlet-60337fe5ea11805c .chartlet-box-g4.chartlet-box,#chartlet-60337fe5ea11805c .chartlet-box-g4.chartlet-violin{fill:var(--chartlet-color-4);stroke:var(--chartlet-color-4)}#chartlet-60337fe5ea11805c .chartlet-box-g4.chartlet-box-whisker,#chartlet-60337fe5ea11805c .chartlet-box-g4.chartlet-box-outlier{stroke:var(--chartlet-color-4)}#chartlet-60337fe5ea11805c .chartlet-box-g4.chartlet-box-point{fill:var(--chartlet-color-4)}#chartlet-60337fe5ea11805c .chartlet-legend{font-size:12px;fill:var(--chartlet-muted)}#chartlet-60337fe5ea11805c .chartlet-box-point{fill:var(--chartlet-accent);fill-opacity:.55;stroke:none}</style><line x1="88" y1="34" x2="88" y2="404" class="chartlet-zero"/><text x="88" y="426" text-anchor="middle" class="chartlet-tick">0</text><line x1="295.694" y1="34" x2="295.694" y2="404" class="chartlet-grid"/><text x="295.694" y="426" text-anchor="middle" class="chartlet-tick">50</text><line x1="503.388" y1="34" x2="503.388" y2="404" class="chartlet-grid"/><text x="503.388" y="426" text-anchor="middle" class="chartlet-tick">100</text><line x1="711.082" y1="34" x2="711.082" y2="404" class="chartlet-grid"/><text x="711.082" y="426" text-anchor="middle" class="chartlet-tick">150</text><text x="399.541" y="448" text-anchor="middle" class="chartlet-axis-title">Milliseconds</text><polyline points="139.093,135.612 143.385,135.21 147.677,134.938 151.97,134.685 156.262,134.268 160.554,133.484 164.847,132.164 169.139,130.222 173.431,127.666 177.724,124.563 182.016,120.985 186.308,116.97 190.601,112.533 194.893,107.712 199.185,102.624 203.478,97.484 207.77,92.562 212.062,88.118 216.355,84.336 220.647,81.299 224.939,78.996 229.232,77.342 233.524,76.196 237.817,75.387 242.109,74.742 246.401,74.146 250.694,73.597 254.986,73.232 259.278,73.309 263.571,74.144 267.863,76.003 272.155,79.004 276.448,83.042 280.74,87.78 285.032,92.718 289.325,97.33 293.617,101.233 297.909,104.312 302.202,106.741 306.494,108.896 310.786,111.18 315.079,113.855 319.371,116.961 323.663,120.329 327.956,123.691 332.248,126.796 336.54,129.493 340.833,131.742 345.125,133.584 345.125,139.714 139.093,139.714" class="chartlet-violin"><title>Search: Median: 39.25 (Q1: 32.125, Q3: 45.575, Minimum: 12.3, Maximum: 61.9), Observations 90</title></polyline><line x1="251.04" y1="139.714" x2="251.04" y2="73.568" class="chartlet-box-median"/><text x="353.125" y="123.893" text-anchor="start" class="chartlet-value">39.25</text><text x="76" y="123.893" text-anchor="end" class="chartlet-label">Search</text><polyline points="194.339,194.423 200.328,191.752 206.316,188.75 212.305,185.472 218.293,182.01 224.282,178.495 230.27,175.096 236.259,172.008 242.247,169.433 248.236,167.564 254.224,166.554 260.213,166.5 266.201,167.423 272.19,169.265 278.178,171.888 284.167,175.096 290.155,178.648 296.144,182.292 302.132,185.787 308.121,188.926 314.109,191.548 320.098,193.547 326.086,194.868 332.075,195.503 338.063,195.477 344.052,194.845 350.04,193.677 356.029,192.057 362.017,190.076 368.006,187.832 373.994,185.425 379.983,182.96 385.971,180.544 391.96,178.281 397.948,176.274 403.937,174.619 409.925,173.401 415.914,172.689 421.903,172.533 427.891,172.956 433.88,173.954 439.868,175.488 445.857,177.493 451.845,179.878 457.834,182.532 463.822,185.337 469.811,188.175 475.799,190.938 481.788,193.535 481.788,205.786 194.339,205.786" class="chartlet-violin"><title>Checkout: Median: 53.9 (Q1: 40.75, Q3: 79.875, Minimum: 25.6, Maximum: 94.8), Observations 90</title></polyline><line x1="311.894" y1="205.786" x2="311.894" y2="190.578" class="chartlet-box-median"/><text x="489.788" y="189.964" text-anchor="start" class="chartlet-value">53.9</text><text x="76" y="189.964" text-anchor="end" class="chartlet-label">Checkout</text><polyline points="219.678,268.109 222.75,268.304 225.822,268.821 228.894,269.434 231.966,269.862 235.039,269.841 238.111,269.166 241.183,267.704 244.255,265.401 247.327,262.273 250.399,258.387 253.471,253.827 256.544,248.676 259.616,243.025 262.688,236.969 265.76,230.539 268.832,223.6 271.904,215.853 274.976,207.044 278.049,197.301 281.121,187.372 284.193,178.522 287.265,172.09 290.337,168.924 293.409,168.947 296.481,171.074 299.554,173.534 302.626,174.574 305.698,173.298 308.77,170.216 311.842,167.104 314.914,166.143 317.986,168.822 321.058,175.299 324.131,184.554 327.203,195.083 330.275,205.558 333.347,215.095 336.419,223.222 339.491,229.784 342.563,234.924 345.636,239.058 348.708,242.706 351.78,246.26 354.852,249.843 357.924,253.352 360.996,256.627 364.068,259.59 367.141,262.257 367.141,271.857 219.678,271.857" class="chartlet-violin"><title>Profile: Median: 51.8 (Q1: 47.65, Q3: 55.5, Minimum: 39.2, Maximum: 67.2), Outliers: 31.7, Observations 90</title></polyline><line x1="303.171" y1="271.857" x2="303.171" y2="174.348" class="chartlet-box-median"/><text x="375.141" y="256.036" text-anchor="start" class="chartlet-value">51.8</text><text x="76" y="256.036" text-anchor="end" class="chartlet-label">Profile</text><polyline points="286.971,333.914 295.183,332.646 303.396,331.255 311.608,329.843 319.821,328.534 328.034,327.435 336.246,326.598 344.459,325.99 352.671,325.491 360.884,324.915 369.096,324.046 377.309,322.681 385.521,320.673 393.734,317.98 401.947,314.695 410.159,311.07 418.372,307.492 426.584,304.417 434.797,302.254 443.009,301.241 451.222,301.372 459.435,302.402 467.647,303.94 475.86,305.597 484.072,307.111 492.285,308.404 500.497,309.552 508.71,310.699 516.922,311.96 525.135,313.362 533.348,314.835 541.56,316.253 549.773,317.502 557.985,318.525 566.198,319.355 574.41,320.088 582.623,320.853 590.836,321.757 599.048,322.855 607.261,324.141 615.473,325.56 623.686,327.033 631.898,328.48 640.111,329.841 648.323,331.083 656.536,332.194 664.749,333.183 672.961,334.064 681.174,334.85 681.174,337.929 286.971,337.929" class="chartlet-violin"><title>Upload: Median: 91.45 (Q1: 81.325, Q3: 106.225, Minimum: 47.9, Maximum: 142.8), Observations 90</title></polyline><line x1="467.872" y1="337.929" x2="467.872" y2="303.985" class="chartlet-box-median"/><text x="689.174" y="322.107" text-anchor="start" class="chartlet-value">91.45</text><text x="76" y="322.107" text-anchor="end" class="chartlet-label">Upload</text><polyline points="196.001,400.963 205.269,400.074 214.537,398.985 223.806,397.667 233.074,396.105 242.343,394.307 251.611,392.311 260.879,390.188 270.148,388.042 279.416,385.992 288.684,384.157 297.953,382.626 307.221,381.447 316.489,380.612 325.758,380.065 335.026,379.723 344.294,379.504 353.563,379.355 362.831,379.265 372.099,379.268 381.368,379.427 390.636,379.81 399.904,380.458 409.173,381.369 418.441,382.488 427.709,383.712 436.978,384.911 446.246,385.953 455.514,386.73 464.783,387.181 474.051,387.303 483.319,387.154 492.588,386.835 501.856,386.471 511.124,386.185 520.393,386.076 529.661,386.208 538.929,386.605 548.198,387.262 557.466,388.155 566.734,389.251 576.003,390.512 585.271,391.897 594.539,393.359 603.808,394.848 613.076,396.306 622.344,397.684 631.613,398.938 640.881,400.042 640.881,404 196.001,404" class="chartlet-violin"><title>Reports: Median: 75.2 (Q1: 56.325, Q3: 100.75, Minimum: 26, Maximum: 133.1), Observations 90</title></polyline><line x1="400.372" y1="404" x2="400.372" y2="380.504" class="chartlet-box-median"/><text x="648.881" y="388.179" text-anchor="start" class="chartlet-value">75.2</text><text x="76" y="388.179" text-anchor="end" class="chartlet-label">Reports</text></svg></div><div class="chartlet-variant-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="380" height="520" viewBox="0 0 380 520" id="chartlet-60337fe5ea11805c-m" role="img" aria-labelledby="chartlet-60337fe5ea11805c-m-title chartlet-60337fe5ea11805c-m-description" class="chartlet-root"><title id="chartlet-60337fe5ea11805c-m-title">Response time distribution by service</title><desc id="chartlet-60337fe5ea11805c-m-description">Box plot with 5 boxes, each from the first to the third quartile with its median. Highest median: 91.45 (Upload). Lowest median: 39.25 (Search). Outliers beyond the whiskers: Profile. Each category is a density curve of its observations on a shared value axis, the curves stacked with a slight overlap.</desc><style>.chartlet-root{--chartlet-text:#172033;--chartlet-muted:#344054;--chartlet-grid:#d9dee8;--chartlet-zero:#667085;--chartlet-accent:#2563eb;--chartlet-background:#fff;--chartlet-color-1:#2563eb;--chartlet-color-2:#c2410c;--chartlet-color-3:#475569;--chartlet-color-4:#111827;max-width:100%;height:auto;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--chartlet-text)}#chartlet-60337fe5ea11805c-m .chartlet-title{font-size:22px;font-weight:650;fill:var(--chartlet-text)}#chartlet-60337fe5ea11805c-m .chartlet-label,#chartlet-60337fe5ea11805c-m .chartlet-tick,#chartlet-60337fe5ea11805c-m .chartlet-value,#chartlet-60337fe5ea11805c-m .chartlet-value-inverse,#chartlet-60337fe5ea11805c-m .chartlet-axis-title{font-size:12px;fill:var(--chartlet-muted)}#chartlet-60337fe5ea11805c-m .chartlet-value,#chartlet-60337fe5ea11805c-m .chartlet-value-inverse{font-weight:600}#chartlet-60337fe5ea11805c-m .chartlet-value{fill:var(--chartlet-text)}#chartlet-60337fe5ea11805c-m .chartlet-value-inverse{fill:var(--chartlet-background)}#chartlet-60337fe5ea11805c-m .chartlet-axis-title{font-weight:600}#chartlet-60337fe5ea11805c-m .chartlet-grid{stroke:var(--chartlet-grid);stroke-width:1}#chartlet-60337fe5ea11805c-m .chartlet-zero{stroke:var(--chartlet-zero);stroke-width:1.5}#chartlet-60337fe5ea11805c-m .chartlet-bar,#chartlet-60337fe5ea11805c-m .chartlet-point{fill:var(--chartlet-accent)}#chartlet-60337fe5ea11805c-m .chartlet-line{fill:none;stroke:var(--chartlet-accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}#chartlet-60337fe5ea11805c-m .chartlet-background{fill:var(--chartlet-background)}#chartlet-60337fe5ea11805c-m .chartlet-box{fill:var(--chartlet-accent);fill-opacity:.3;stroke:var(--chartlet-accent);stroke-width:1.5}#chartlet-60337fe5ea11805c-m .chartlet-box-median{stroke:var(--chartlet-text);stroke-width:3}#chartlet-60337fe5ea11805c-m .chartlet-box-whisker{stroke:var(--chartlet-accent);stroke-width:1.5;fill:none}#chartlet-60337fe5ea11805c-m .chartlet-box-outlier{fill:none;stroke:var(--chartlet-accent);stroke-width:1.5}#chartlet-60337fe5ea11805c-m .chartlet-violin{fill:var(--chartlet-accent);fill-opacity:.3;stroke:var(--chartlet-accent);stroke-width:1.5;stroke-linejoin:round}#chartlet-60337fe5ea11805c-m .chartlet-violin-box{fill:var(--chartlet-text);stroke:none}#chartlet-60337fe5ea11805c-m .chartlet-violin-median{fill:var(--chartlet-background);stroke:none}#chartlet-60337fe5ea11805c-m .chartlet-box-mean{fill:var(--chartlet-background);stroke:var(--chartlet-text);stroke-width:1.5}#chartlet-60337fe5ea11805c-m .chartlet-box-g1.chartlet-box,#chartlet-60337fe5ea11805c-m .chartlet-box-g1.chartlet-violin{fill:var(--chartlet-color-1);stroke:var(--chartlet-color-1)}#chartlet-60337fe5ea11805c-m .chartlet-box-g1.chartlet-box-whisker,#chartlet-60337fe5ea11805c-m .chartlet-box-g1.chartlet-box-outlier{stroke:var(--chartlet-color-1)}#chartlet-60337fe5ea11805c-m .chartlet-box-g1.chartlet-box-point{fill:var(--chartlet-color-1)}#chartlet-60337fe5ea11805c-m .chartlet-box-g2.chartlet-box,#chartlet-60337fe5ea11805c-m .chartlet-box-g2.chartlet-violin{fill:var(--chartlet-color-2);stroke:var(--chartlet-color-2)}#chartlet-60337fe5ea11805c-m .chartlet-box-g2.chartlet-box-whisker,#chartlet-60337fe5ea11805c-m .chartlet-box-g2.chartlet-box-outlier{stroke:var(--chartlet-color-2)}#chartlet-60337fe5ea11805c-m .chartlet-box-g2.chartlet-box-point{fill:var(--chartlet-color-2)}#chartlet-60337fe5ea11805c-m .chartlet-box-g3.chartlet-box,#chartlet-60337fe5ea11805c-m .chartlet-box-g3.chartlet-violin{fill:var(--chartlet-color-3);stroke:var(--chartlet-color-3)}#chartlet-60337fe5ea11805c-m .chartlet-box-g3.chartlet-box-whisker,#chartlet-60337fe5ea11805c-m .chartlet-box-g3.chartlet-box-outlier{stroke:var(--chartlet-color-3)}#chartlet-60337fe5ea11805c-m .chartlet-box-g3.chartlet-box-point{fill:var(--chartlet-color-3)}#chartlet-60337fe5ea11805c-m .chartlet-box-g4.chartlet-box,#chartlet-60337fe5ea11805c-m .chartlet-box-g4.chartlet-violin{fill:var(--chartlet-color-4);stroke:var(--chartlet-color-4)}#chartlet-60337fe5ea11805c-m .chartlet-box-g4.chartlet-box-whisker,#chartlet-60337fe5ea11805c-m .chartlet-box-g4.chartlet-box-outlier{stroke:var(--chartlet-color-4)}#chartlet-60337fe5ea11805c-m .chartlet-box-g4.chartlet-box-point{fill:var(--chartlet-color-4)}#chartlet-60337fe5ea11805c-m .chartlet-legend{font-size:12px;fill:var(--chartlet-muted)}#chartlet-60337fe5ea11805c-m .chartlet-box-point{fill:var(--chartlet-accent);fill-opacity:.55;stroke:none}#chartlet-60337fe5ea11805c-m .chartlet-title-small{font-size:18px}</style><line x1="88" y1="34" x2="88" y2="464" class="chartlet-zero"/><text x="88" y="486" text-anchor="middle" class="chartlet-tick">0</text><line x1="169.027" y1="34" x2="169.027" y2="464" class="chartlet-grid"/><text x="169.027" y="486" text-anchor="middle" class="chartlet-tick">50</text><line x1="250.054" y1="34" x2="250.054" y2="464" class="chartlet-grid"/><text x="250.054" y="486" text-anchor="middle" class="chartlet-tick">100</text><line x1="331.082" y1="34" x2="331.082" y2="464" class="chartlet-grid"/><text x="331.082" y="486" text-anchor="middle" class="chartlet-tick">150</text><text x="209.541" y="508" text-anchor="middle" class="chartlet-axis-title">Milliseconds</text><polyline points="107.933,152.09 109.607,151.622 111.282,151.306 112.956,151.012 114.631,150.528 116.306,149.617 117.98,148.082 119.655,145.826 121.329,142.855 123.004,139.249 124.678,135.091 126.353,130.425 128.027,125.268 129.702,119.665 131.377,113.753 133.051,107.778 134.726,102.058 136.4,96.893 138.075,92.498 139.749,88.969 141.424,86.293 143.098,84.37 144.773,83.039 146.448,82.098 148.122,81.348 149.797,80.657 151.471,80.019 153.146,79.594 154.82,79.684 156.495,80.653 158.17,82.814 159.844,86.302 161.519,90.995 163.193,96.501 164.868,102.24 166.542,107.6 168.217,112.136 169.891,115.713 171.566,118.537 173.241,121.041 174.915,123.695 176.59,126.805 178.264,130.414 179.939,134.328 181.613,138.235 183.288,141.844 184.963,144.978 186.637,147.592 188.312,149.732 188.312,156.857 107.933,156.857" class="chartlet-violin"><title>Search: Median: 39.25 (Q1: 32.125, Q3: 45.575, Minimum: 12.3, Maximum: 61.9), Observations 90</title></polyline><line x1="151.606" y1="156.857" x2="151.606" y2="79.984" class="chartlet-box-median"/><text x="196.312" y="137.821" text-anchor="start" class="chartlet-value">39.25</text><text x="76" y="137.821" text-anchor="end" class="chartlet-label">Search</text><polyline points="129.486,220.437 131.822,217.333 134.158,213.845 136.495,210.035 138.831,206.012 141.167,201.927 143.504,197.977 145.84,194.388 148.176,191.395 150.512,189.223 152.849,188.049 155.185,187.986 157.521,189.059 159.858,191.199 162.194,194.249 164.53,197.976 166.866,202.104 169.203,206.339 171.539,210.401 173.875,214.049 176.212,217.097 178.548,219.42 180.884,220.955 183.22,221.692 185.557,221.663 187.893,220.928 190.229,219.571 192.566,217.688 194.902,215.386 197.238,212.777 199.574,209.98 201.911,207.116 204.247,204.307 206.583,201.678 208.92,199.345 211.256,197.422 213.592,196.006 215.928,195.179 218.265,194.998 220.601,195.49 222.937,196.649 225.274,198.432 227.61,200.762 229.946,203.534 232.282,206.618 234.619,209.878 236.955,213.176 239.291,216.387 241.628,219.405 241.628,233.643 129.486,233.643" class="chartlet-violin"><title>Checkout: Median: 53.9 (Q1: 40.75, Q3: 79.875, Minimum: 25.6, Maximum: 94.8), Observations 90</title></polyline><line x1="175.347" y1="233.643" x2="175.347" y2="215.969" class="chartlet-box-median"/><text x="249.628" y="214.607" text-anchor="start" class="chartlet-value">53.9</text><text x="76" y="214.607" text-anchor="end" class="chartlet-label">Checkout</text><polyline points="139.371,306.073 140.57,306.299 141.768,306.9 142.967,307.612 144.165,308.11 145.364,308.086 146.562,307.301 147.761,305.602 148.959,302.925 150.158,299.29 151.357,294.774 152.555,289.475 153.754,283.488 154.952,276.921 156.151,269.883 157.349,262.41 158.548,254.346 159.746,245.343 160.945,235.105 162.143,223.782 163.342,212.243 164.54,201.958 165.739,194.483 166.937,190.803 168.136,190.831 169.334,193.302 170.533,196.161 171.731,197.37 172.93,195.887 174.129,192.306 175.327,188.689 176.526,187.571 177.724,190.685 178.923,198.212 180.121,208.968 181.32,221.205 182.518,233.378 183.717,244.462 184.915,253.907 186.114,261.532 187.312,267.507 188.511,272.311 189.709,276.55 190.908,280.68 192.106,284.845 193.305,288.923 194.504,292.729 195.702,296.173 196.901,299.272 196.901,310.429 139.371,310.429" class="chartlet-violin"><title>Profile: Median: 51.8 (Q1: 47.65, Q3: 55.5, Minimum: 39.2, Maximum: 67.2), Outliers: 31.7, Observations 90</title></polyline><line x1="171.944" y1="310.429" x2="171.944" y2="197.107" class="chartlet-box-median"/><text x="204.901" y="291.393" text-anchor="start" class="chartlet-value">51.8</text><text x="76" y="291.393" text-anchor="end" class="chartlet-label">Profile</text><polyline points="165.624,382.549 168.828,381.076 172.032,379.459 175.236,377.818 178.44,376.296 181.644,375.019 184.848,374.046 188.052,373.339 191.256,372.759 194.46,372.09 197.664,371.081 200.868,369.494 204.071,367.161 207.275,364.031 210.479,360.214 213.683,356 216.887,351.842 220.091,348.269 223.295,345.754 226.499,344.577 229.703,344.73 232.907,345.927 236.111,347.714 239.315,349.64 242.519,351.4 245.723,352.902 248.927,354.236 252.131,355.569 255.335,357.035 258.539,358.664 261.743,360.375 264.947,362.024 268.15,363.475 271.354,364.665 274.558,365.628 277.762,366.481 280.966,367.37 284.17,368.42 287.374,369.696 290.578,371.191 293.782,372.84 296.986,374.552 300.19,376.233 303.394,377.816 306.598,379.259 309.802,380.55 313.006,381.699 316.21,382.723 319.414,383.636 319.414,387.214 165.624,387.214" class="chartlet-violin"><title>Upload: Median: 91.45 (Q1: 81.325, Q3: 106.225, Minimum: 47.9, Maximum: 142.8), Observations 90</title></polyline><line x1="236.199" y1="387.214" x2="236.199" y2="347.767" class="chartlet-box-median"/><text x="327.414" y="368.179" text-anchor="start" class="chartlet-value">91.45</text><text x="76" y="368.179" text-anchor="end" class="chartlet-label">Upload</text><polyline points="130.134,460.471 133.75,459.438 137.366,458.172 140.982,456.64 144.597,454.825 148.213,452.735 151.829,450.415 155.445,447.948 159.061,445.454 162.677,443.072 166.293,440.939 169.908,439.16 173.524,437.79 177.14,436.819 180.756,436.183 184.372,435.786 187.988,435.532 191.603,435.358 195.219,435.254 198.835,435.257 202.451,435.443 206.067,435.887 209.683,436.64 213.298,437.699 216.914,438.999 220.53,440.422 224.146,441.816 227.762,443.027 231.378,443.93 234.993,444.453 238.609,444.596 242.225,444.422 245.841,444.051 249.457,443.628 253.073,443.296 256.689,443.17 260.304,443.323 263.92,443.785 267.536,444.548 271.152,445.586 274.768,446.859 278.384,448.324 281.999,449.934 285.615,451.634 289.231,453.363 292.847,455.059 296.463,456.66 300.079,458.118 303.694,459.4 303.694,464 130.134,464" class="chartlet-violin"><title>Reports: Median: 75.2 (Q1: 56.325, Q3: 100.75, Minimum: 26, Maximum: 133.1), Observations 90</title></polyline><line x1="209.865" y1="464" x2="209.865" y2="436.694" class="chartlet-box-median"/><text x="311.694" y="444.964" text-anchor="start" class="chartlet-value">75.2</text><text x="76" y="444.964" text-anchor="end" class="chartlet-label">Reports</text></svg></div><p class="chartlet-source">Source: Illustrative measurements, 90 requests each</p><details class="chartlet-data" data-viz-text><summary>Show chart data</summary><table><caption>Data for Response time distribution by service</caption><thead><tr><th scope="col">Category</th><th scope="col">Minimum</th><th scope="col">Q1</th><th scope="col">Median</th><th scope="col">Q3</th><th scope="col">Maximum</th><th scope="col">Outliers</th></tr></thead><tbody><tr><th scope="row">Search</th><td>12.3</td><td>32.125</td><td>39.25</td><td>45.575</td><td>61.9</td><td></td></tr><tr><th scope="row">Checkout</th><td>25.6</td><td>40.75</td><td>53.9</td><td>79.875</td><td>94.8</td><td></td></tr><tr><th scope="row">Profile</th><td>39.2</td><td>47.65</td><td>51.8</td><td>55.5</td><td>67.2</td><td>31.7</td></tr><tr><th scope="row">Upload</th><td>47.9</td><td>81.325</td><td>91.45</td><td>106.225</td><td>142.8</td><td></td></tr><tr><th scope="row">Reports</th><td>26</td><td>56.325</td><td>75.2</td><td>100.75</td><td>133.1</td><td></td></tr></tbody></table></details></figure></div>