chartletv0.21.0

← All examples

Response time distribution by service

Five services, one density curve each on a shared millisecond axis, stacked with a slight overlap: a single peak for search, two for checkout, a long tail for uploads. All curves share one scale, so their heights compare, and a line up to each curve marks its median. Illustrative measurements, with a phone variant.

Response time distribution by service

examples/response-ridges.json
{
  "schemaVersion": 1,
  "type": "boxplot",
  "boxDisplay": "ridgeline",
  "orientation": "horizontal",
  "title": "Response time distribution by service",
  "source": "Illustrative measurements, 90 requests each",
  "width": 760,
  "height": 460,
  "valueAxis": {
    "title": "Milliseconds"
  },
  "boxes": [
    {
      "label": "Search",
      "values": [
        42.4,
        38.3,
        27.3,
        46.5,
        40.8,
        41.4,
        39.7,
        53.1,
        46.9,
        49.8,
        35.4,
        33.8,
        28.4,
        35.8,
        12.3,
        53.7,
        39.5,
        39,
        46.5,
        34.6,
        40.6,
        45.6,
        23.2,
        54.8,
        39.6,
        44.1,
        28.2,
        32.2,
        54.5,
        33.1,
        34.3,
        42.8,
        52,
        14.9,
        52.4,
        40.8,
        46.8,
        28.4,
        41.2,
        53.7,
        37.3,
        32.1,
        34,
        33.1,
        45.9,
        40.1,
        33.4,
        45.8,
        27.7,
        24.4,
        61.9,
        32.1,
        53.9,
        37.4,
        36.1,
        43.3,
        29.9,
        30.1,
        36.2,
        34.5,
        45.1,
        57,
        26.8,
        29.7,
        45.5,
        43.1,
        49,
        31,
        44,
        37.7,
        22.5,
        42.5,
        23.1,
        43.4,
        33.8,
        36.3,
        58.9,
        53,
        42.3,
        42,
        30.7,
        50.2,
        44.2,
        29.9,
        22.1,
        38.2,
        36.5,
        46.6,
        28.3,
        29.7
      ]
    },
    {
      "label": "Checkout",
      "values": [
        42.4,
        40.6,
        45.2,
        46.1,
        35.3,
        27.4,
        40.4,
        36.2,
        41.4,
        25.6,
        39.6,
        40.6,
        37.1,
        42.9,
        40.7,
        41.4,
        47.1,
        47.1,
        46.6,
        42.1,
        40.9,
        43.2,
        41.8,
        36.2,
        42.2,
        45,
        37.9,
        34.3,
        43.2,
        36.1,
        32.1,
        38.8,
        32.3,
        41.9,
        37.4,
        40.6,
        46.2,
        46.1,
        39.6,
        28,
        37.6,
        33.9,
        44.9,
        48.5,
        43.9,
        83.7,
        83,
        84.1,
        75,
        85.9,
        75.6,
        68.3,
        78.6,
        91.9,
        76.6,
        63.1,
        88.8,
        80.3,
        82.9,
        74.2,
        82.3,
        92,
        72.7,
        84.1,
        81.2,
        70.8,
        79.8,
        83.3,
        71,
        88.2,
        68.7,
        88.1,
        83.5,
        80.4,
        71.5,
        71.5,
        59.3,
        78,
        77.1,
        83,
        87,
        79.9,
        75.4,
        86.7,
        78.2,
        78,
        68.2,
        87.2,
        72.5,
        94.8
      ]
    },
    {
      "label": "Profile",
      "values": [
        47.6,
        50.1,
        53.7,
        48.7,
        43.8,
        45.9,
        47.9,
        51.7,
        59.5,
        57.4,
        55.2,
        58.4,
        39.2,
        49.2,
        49.6,
        46.6,
        56.2,
        49,
        46.1,
        58.9,
        49,
        51.6,
        43.5,
        58.9,
        53.5,
        62.4,
        67.2,
        57.4,
        50.9,
        48.1,
        63.6,
        51.9,
        57.2,
        54.7,
        31.7,
        54.1,
        54.2,
        54.4,
        52.3,
        54.7,
        46.7,
        57,
        49.9,
        54.2,
        63.7,
        54.6,
        46.6,
        55.5,
        44,
        54.3,
        62.1,
        46.4,
        52.2,
        47.6,
        54.3,
        55.3,
        54.3,
        51.4,
        41.1,
        47.5,
        50.4,
        58.4,
        40.4,
        60.1,
        48.4,
        42.5,
        62.4,
        55.3,
        47.2,
        54.8,
        57,
        44.1,
        61.3,
        47.8,
        58.4,
        49.6,
        43.1,
        49.4,
        49.9,
        53.9,
        42.6,
        46.8,
        55.1,
        50.7,
        49.8,
        55.9,
        44.8,
        65.8,
        48.4,
        55.5
      ]
    },
    {
      "label": "Upload",
      "values": [
        91.7,
        118.5,
        85.3,
        77.4,
        101.1,
        109.5,
        92,
        142.8,
        112.9,
        127.2,
        125,
        119.3,
        91.2,
        133.1,
        86.9,
        98.7,
        127.7,
        117.1,
        70.5,
        88.4,
        74.8,
        122,
        87.2,
        95.9,
        79.6,
        83.7,
        110.8,
        72.2,
        96.7,
        84,
        87,
        65.9,
        122.1,
        58.2,
        67.1,
        85.6,
        96.8,
        77.9,
        57.8,
        84.2,
        72.2,
        79.6,
        131.9,
        47.9,
        94.5,
        103.7,
        85.6,
        86.8,
        119.5,
        90.3,
        55.4,
        86.4,
        103.3,
        86.1,
        81.7,
        99,
        83.6,
        97.9,
        109.8,
        80.6,
        59,
        125.1,
        103.9,
        77.2,
        62.5,
        95,
        99.5,
        106,
        103.2,
        84.8,
        85.6,
        60.3,
        78,
        84,
        119.2,
        64.9,
        137.3,
        115.3,
        83.1,
        81.2,
        99.9,
        103.7,
        111.1,
        55.4,
        87,
        106.3,
        115.4,
        105.1,
        92.9,
        101.9
      ]
    },
    {
      "label": "Reports",
      "values": [
        54.3,
        86.8,
        75.1,
        67.7,
        53.7,
        61.3,
        67.4,
        63.2,
        85.5,
        91.8,
        76.1,
        45.3,
        72,
        54.7,
        62.1,
        90.3,
        37.1,
        42.3,
        52.9,
        73.2,
        56.2,
        33.6,
        67.5,
        71.4,
        79.9,
        63.5,
        78.1,
        53.6,
        74.8,
        79.3,
        58.1,
        56.7,
        79.6,
        51.4,
        49.2,
        62.8,
        70.4,
        75.3,
        55.2,
        69.6,
        49.5,
        45.6,
        97.3,
        51.6,
        40.3,
        66.7,
        51.4,
        72.5,
        26,
        45.9,
        77.1,
        66.1,
        48.9,
        83.7,
        77.1,
        57.2,
        78.5,
        71,
        44,
        50.9,
        111.9,
        99,
        93.7,
        104.8,
        117.3,
        111.3,
        99.5,
        84.5,
        117.6,
        107.2,
        118,
        108.6,
        104.4,
        111.7,
        102,
        104,
        100,
        87,
        120.2,
        120.5,
        103.6,
        105.2,
        133.1,
        115.2,
        105.3,
        96.8,
        127.2,
        122.9,
        101,
        116.6
      ]
    }
  ],
  "mobile": {
    "width": 380,
    "height": 520
  }
}
Response time distribution by service
Response time distribution by serviceBox 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.050100150MillisecondsSearch: Median: 39.25 (Q1: 32.125, Q3: 45.575, Minimum: 12.3, Maximum: 61.9), Observations 9039.25SearchCheckout: Median: 53.9 (Q1: 40.75, Q3: 79.875, Minimum: 25.6, Maximum: 94.8), Observations 9053.9CheckoutProfile: Median: 51.8 (Q1: 47.65, Q3: 55.5, Minimum: 39.2, Maximum: 67.2), Outliers: 31.7, Observations 9051.8ProfileUpload: Median: 91.45 (Q1: 81.325, Q3: 106.225, Minimum: 47.9, Maximum: 142.8), Observations 9091.45UploadReports: Median: 75.2 (Q1: 56.325, Q3: 100.75, Minimum: 26, Maximum: 133.1), Observations 9075.2Reports
Response time distribution by serviceBox 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.050100150MillisecondsSearch: Median: 39.25 (Q1: 32.125, Q3: 45.575, Minimum: 12.3, Maximum: 61.9), Observations 9039.25SearchCheckout: Median: 53.9 (Q1: 40.75, Q3: 79.875, Minimum: 25.6, Maximum: 94.8), Observations 9053.9CheckoutProfile: Median: 51.8 (Q1: 47.65, Q3: 55.5, Minimum: 39.2, Maximum: 67.2), Outliers: 31.7, Observations 9051.8ProfileUpload: Median: 91.45 (Q1: 81.325, Q3: 106.225, Minimum: 47.9, Maximum: 142.8), Observations 9091.45UploadReports: Median: 75.2 (Q1: 56.325, Q3: 100.75, Minimum: 26, Maximum: 133.1), Observations 9075.2Reports

Source: Illustrative measurements, 90 requests each

Show chart data
Data for Response time distribution by service
CategoryMinimumQ1MedianQ3MaximumOutliers
Search12.332.12539.2545.57561.9
Checkout25.640.7553.979.87594.8
Profile39.247.6551.855.567.231.7
Upload47.981.32591.45106.225142.8
Reports2656.32575.2100.75133.1
  • Ridgeline plot
  • Compare the shapes of many distributions on one axis