chartletv0.21.0chartlet.casoon.de

← All examples

Response time by endpoint

Four endpoints side by side: three boxes computed from their measurements (quartiles, whiskers to the last value within 1.5 boxes, a point for the stray 140 ms) and one drawn from the five numbers of a report that was computed elsewhere. The table has every box with its outliers. Illustrative measurements, with a phone variant.

Response time by endpoint

examples/response-times.json
{
  "schemaVersion": 1,
  "type": "boxplot",
  "title": "Response time by endpoint",
  "source": "Illustrative measurements",
  "width": 760,
  "height": 420,
  "showValues": true,
  "valueAxis": {
    "title": "Milliseconds"
  },
  "boxes": [
    {
      "label": "Search",
      "values": [
        42,
        45,
        47,
        48,
        50,
        52,
        53,
        55,
        58,
        61,
        64,
        140
      ]
    },
    {
      "label": "Checkout",
      "values": [
        88,
        92,
        95,
        97,
        101,
        104,
        108,
        112,
        118,
        125,
        131,
        138
      ]
    },
    {
      "label": "Profile",
      "values": [
        18,
        19,
        20,
        21,
        22,
        22,
        23,
        24,
        26,
        27,
        29,
        33
      ]
    },
    {
      "label": "Report export",
      "min": 90,
      "q1": 130,
      "median": 160,
      "q3": 210,
      "max": 300,
      "outliers": [
        380,
        450
      ]
    }
  ],
  "mobile": {
    "width": 400,
    "height": 420
  }
}
Response time by endpoint
Response time by endpointBox plot with 4 boxes, each from the first to the third quartile with its median. Highest median: 160 (Report export). Lowest median: 22.5 (Profile). Outliers beyond the whiskers: Search, Report export.0100200300400500MillisecondsSearch: Median: 52.5 (Q1: 47.75, Q3: 58.75, Minimum: 42, Maximum: 64), Outliers: 140, Observations 12Search: 14052.5SearchCheckout: Median: 106 (Q1: 96.5, Q3: 119.75, Minimum: 88, Maximum: 138), Observations 12106CheckoutProfile: Median: 22.5 (Q1: 20.75, Q3: 26.25, Minimum: 18, Maximum: 33), Observations 1222.5ProfileReport export: Median: 160 (Q1: 130, Q3: 210, Minimum: 90, Maximum: 300), Outliers: 380, 450Report export: 380Report export: 450160Report export
Response time by endpointBox plot with 4 boxes, each from the first to the third quartile with its median. Highest median: 160 (Report export). Lowest median: 22.5 (Profile). Outliers beyond the whiskers: Search, Report export.0100200300400500MillisecondsSearch: Median: 52.5 (Q1: 47.75, Q3: 58.75, Minimum: 42, Maximum: 64), Outliers: 140, Observations 12Search: 14052.5SearchCheckout: Median: 106 (Q1: 96.5, Q3: 119.75, Minimum: 88, Maximum: 138), Observations 12106CheckoutProfile: Median: 22.5 (Q1: 20.75, Q3: 26.25, Minimum: 18, Maximum: 33), Observations 1222.5ProfileReport export: Median: 160 (Q1: 130, Q3: 210, Minimum: 90, Maximum: 300), Outliers: 380, 450Report export: 380Report export: 450160Reportexport

Source: Illustrative measurements

Show chart data
Data for Response time by endpoint
CategoryMinimumQ1MedianQ3MaximumOutliers
Search4247.7552.558.7564140
Checkout8896.5106119.75138
Profile1820.7522.526.2533
Report export90130160210300380, 450
  • Box plot
  • Compare distributions, not averages