chartletv0.21.0chartlet.casoon.de

← All examples

Response times by endpoint

The same kind of data as the box plot, drawn as violins: three endpoints with sixty response times each, where the outline shows what a box hides — a long tail for search, two peaks for checkout — with the quartile box and the median inside. A strip shows every observation instead. Illustrative measurements, with a phone variant.

Response times by endpoint

examples/response-distribution.json
{
  "schemaVersion": 1,
  "type": "boxplot",
  "boxDisplay": "violin",
  "title": "Response times by endpoint",
  "source": "Illustrative measurements, 60 requests each",
  "width": 760,
  "height": 440,
  "valueAxis": {
    "title": "Milliseconds"
  },
  "boxes": [
    {
      "label": "Search",
      "values": [
        33.5,
        43.8,
        33.8,
        32.8,
        26.4,
        34,
        54,
        42.5,
        52.6,
        39.9,
        42,
        39.1,
        20.4,
        49.4,
        43.7,
        43.6,
        20.2,
        19.9,
        26.8,
        31.1,
        40.7,
        36,
        43.9,
        29.2,
        40.8,
        42,
        29,
        66.8,
        44.5,
        55.6,
        29.5,
        28.3,
        32.4,
        35.3,
        45.7,
        39.9,
        31.3,
        26.2,
        30.5,
        56.1,
        27.6,
        39.9,
        42.5,
        21.7,
        37.2,
        57.8,
        18.1,
        32.7,
        35.3,
        27.5,
        43.6,
        35.8,
        21.9,
        48.9,
        46.3,
        51,
        60.6,
        41.5,
        38.2,
        23.2
      ]
    },
    {
      "label": "Checkout",
      "values": [
        42.5,
        37.6,
        38.2,
        34.9,
        36.1,
        37.9,
        45.2,
        31.9,
        34.2,
        41,
        45.8,
        42.3,
        32.4,
        29.9,
        41.4,
        37.1,
        35.5,
        43.9,
        44.4,
        40.6,
        41,
        41.7,
        46.4,
        42.5,
        42.1,
        42.2,
        33.7,
        45.1,
        43.8,
        42.1,
        64.2,
        73.6,
        83.9,
        65.3,
        76.7,
        85.1,
        68.8,
        89.3,
        81.9,
        76.9,
        80.3,
        82.5,
        78.8,
        86,
        73.4,
        75.1,
        85.3,
        78.2,
        71.8,
        84.6,
        88.3,
        74.9,
        68.3,
        77.1,
        77,
        75.9,
        87.8,
        70.8,
        86.8,
        69.1
      ]
    },
    {
      "label": "Profile",
      "values": [
        47.3,
        55.8,
        58.8,
        57.2,
        54.1,
        52.9,
        52.9,
        55.5,
        50.9,
        53.7,
        55.4,
        52,
        56.6,
        55.4,
        64.1,
        53.9,
        49.4,
        49.8,
        51.9,
        57.5,
        50,
        54.3,
        63,
        36.6,
        45.3,
        53.5,
        54.4,
        53.4,
        49.4,
        55.9,
        53.7,
        48.9,
        66.6,
        54.1,
        48.7,
        51.4,
        50.6,
        51.6,
        35.6,
        49.1,
        58.1,
        45,
        51.6,
        57.7,
        57.1,
        60.9,
        41.8,
        49.9,
        50,
        55.7,
        58.6,
        35.9,
        58.5,
        43.3,
        56.1,
        43,
        53.1,
        59.2,
        51.1,
        53.1
      ]
    }
  ],
  "mobile": {
    "width": 380,
    "height": 480
  },
  "showMean": true
}
Response times by endpoint
Response times by endpointBox plot with 3 boxes, each from the first to the third quartile with its median. Highest median: 55.3 (Checkout). Lowest median: 37.7 (Search). Outliers beyond the whiskers: Search, Profile.020406080100MillisecondsSearch: Median: 37.7 (Q1: 29.425, Q3: 43.725, Minimum: 18.1, Maximum: 60.6), Mean: 37.7416666667, Outliers: 66.8, Observations 6037.7SearchCheckout: Median: 55.3 (Q1: 41.3, Q3: 77.025, Minimum: 29.9, Maximum: 89.3), Mean: 58.8516666667, Observations 6055.3CheckoutProfile: Median: 53.25 (Q1: 49.875, Q3: 55.95, Minimum: 41.8, Maximum: 64.1), Mean: 52.515, Outliers: 35.6, 35.9, 36.6, 66.6, Observations 6053.25Profile
Response times by endpointBox plot with 3 boxes, each from the first to the third quartile with its median. Highest median: 55.3 (Checkout). Lowest median: 37.7 (Search). Outliers beyond the whiskers: Search, Profile.020406080100MillisecondsSearch: Median: 37.7 (Q1: 29.425, Q3: 43.725, Minimum: 18.1, Maximum: 60.6), Mean: 37.7416666667, Outliers: 66.8, Observations 6037.7SearchCheckout: Median: 55.3 (Q1: 41.3, Q3: 77.025, Minimum: 29.9, Maximum: 89.3), Mean: 58.8516666667, Observations 6055.3CheckoutProfile: Median: 53.25 (Q1: 49.875, Q3: 55.95, Minimum: 41.8, Maximum: 64.1), Mean: 52.515, Outliers: 35.6, 35.9, 36.6, 66.6, Observations 6053.25Profile

Source: Illustrative measurements, 60 requests each

Show chart data
Data for Response times by endpoint
CategoryMinimumQ1MedianMeanQ3MaximumOutliers
Search18.129.42537.737.741666666743.72560.666.8
Checkout29.941.355.358.851666666777.02589.3
Profile41.849.87553.2552.51555.9564.135.6, 35.9, 36.6, 66.6
  • Violin plot
  • Show the shape of a distribution