chartletv0.23.0

← All examples

Response times by endpoint, every request

The same three endpoints as the violins, now every one of the sixty requests as a dot, moved sideways only as far as it must so that no dot overlaps another, with the box and the median under them. The width of the swarm shows where the requests pile up. Illustrative measurements, with a phone variant.

Response times by endpoint, every request

examples/response-swarm.json
{
  "schemaVersion": 1,
  "type": "boxplot",
  "boxDisplay": "beeswarm",
  "showBox": true,
  "title": "Response times by endpoint, every request",
  "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
  }
}
Response times by endpoint, every request
Response times by endpoint, every requestBox 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. Every observation is drawn as a dot, moved sideways so that no two dots overlap.020406080100MillisecondsSearch: Median: 37.7 (Q1: 29.425, Q3: 43.725, Minimum: 18.1, Maximum: 60.6), Observations 60Search: 33.5Search: 43.8Search: 33.8Search: 32.8Search: 26.4Search: 34Search: 54Search: 42.5Search: 52.6Search: 39.9Search: 42Search: 39.1Search: 20.4Search: 49.4Search: 43.7Search: 43.6Search: 20.2Search: 19.9Search: 26.8Search: 31.1Search: 40.7Search: 36Search: 43.9Search: 29.2Search: 40.8Search: 42Search: 29Search: 66.8Search: 44.5Search: 55.6Search: 29.5Search: 28.3Search: 32.4Search: 35.3Search: 45.7Search: 39.9Search: 31.3Search: 26.2Search: 30.5Search: 56.1Search: 27.6Search: 39.9Search: 42.5Search: 21.7Search: 37.2Search: 57.8Search: 18.1Search: 32.7Search: 35.3Search: 27.5Search: 43.6Search: 35.8Search: 21.9Search: 48.9Search: 46.3Search: 51Search: 60.6Search: 41.5Search: 38.2Search: 23.237.7SearchCheckout: Median: 55.3 (Q1: 41.3, Q3: 77.025, Minimum: 29.9, Maximum: 89.3), Observations 60Checkout: 42.5Checkout: 37.6Checkout: 38.2Checkout: 34.9Checkout: 36.1Checkout: 37.9Checkout: 45.2Checkout: 31.9Checkout: 34.2Checkout: 41Checkout: 45.8Checkout: 42.3Checkout: 32.4Checkout: 29.9Checkout: 41.4Checkout: 37.1Checkout: 35.5Checkout: 43.9Checkout: 44.4Checkout: 40.6Checkout: 41Checkout: 41.7Checkout: 46.4Checkout: 42.5Checkout: 42.1Checkout: 42.2Checkout: 33.7Checkout: 45.1Checkout: 43.8Checkout: 42.1Checkout: 64.2Checkout: 73.6Checkout: 83.9Checkout: 65.3Checkout: 76.7Checkout: 85.1Checkout: 68.8Checkout: 89.3Checkout: 81.9Checkout: 76.9Checkout: 80.3Checkout: 82.5Checkout: 78.8Checkout: 86Checkout: 73.4Checkout: 75.1Checkout: 85.3Checkout: 78.2Checkout: 71.8Checkout: 84.6Checkout: 88.3Checkout: 74.9Checkout: 68.3Checkout: 77.1Checkout: 77Checkout: 75.9Checkout: 87.8Checkout: 70.8Checkout: 86.8Checkout: 69.155.3CheckoutProfile: Median: 53.25 (Q1: 49.875, Q3: 55.95, Minimum: 41.8, Maximum: 64.1), Observations 60Profile: 47.3Profile: 55.8Profile: 58.8Profile: 57.2Profile: 54.1Profile: 52.9Profile: 52.9Profile: 55.5Profile: 50.9Profile: 53.7Profile: 55.4Profile: 52Profile: 56.6Profile: 55.4Profile: 64.1Profile: 53.9Profile: 49.4Profile: 49.8Profile: 51.9Profile: 57.5Profile: 50Profile: 54.3Profile: 63Profile: 36.6Profile: 45.3Profile: 53.5Profile: 54.4Profile: 53.4Profile: 49.4Profile: 55.9Profile: 53.7Profile: 48.9Profile: 66.6Profile: 54.1Profile: 48.7Profile: 51.4Profile: 50.6Profile: 51.6Profile: 35.6Profile: 49.1Profile: 58.1Profile: 45Profile: 51.6Profile: 57.7Profile: 57.1Profile: 60.9Profile: 41.8Profile: 49.9Profile: 50Profile: 55.7Profile: 58.6Profile: 35.9Profile: 58.5Profile: 43.3Profile: 56.1Profile: 43Profile: 53.1Profile: 59.2Profile: 51.1Profile: 53.153.25Profile
Response times by endpoint, every requestBox 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. Every observation is drawn as a dot, moved sideways so that no two dots overlap.020406080100MillisecondsSearch: Median: 37.7 (Q1: 29.425, Q3: 43.725, Minimum: 18.1, Maximum: 60.6), Observations 60Search: 33.5Search: 43.8Search: 33.8Search: 32.8Search: 26.4Search: 34Search: 54Search: 42.5Search: 52.6Search: 39.9Search: 42Search: 39.1Search: 20.4Search: 49.4Search: 43.7Search: 43.6Search: 20.2Search: 19.9Search: 26.8Search: 31.1Search: 40.7Search: 36Search: 43.9Search: 29.2Search: 40.8Search: 42Search: 29Search: 66.8Search: 44.5Search: 55.6Search: 29.5Search: 28.3Search: 32.4Search: 35.3Search: 45.7Search: 39.9Search: 31.3Search: 26.2Search: 30.5Search: 56.1Search: 27.6Search: 39.9Search: 42.5Search: 21.7Search: 37.2Search: 57.8Search: 18.1Search: 32.7Search: 35.3Search: 27.5Search: 43.6Search: 35.8Search: 21.9Search: 48.9Search: 46.3Search: 51Search: 60.6Search: 41.5Search: 38.2Search: 23.237.7SearchCheckout: Median: 55.3 (Q1: 41.3, Q3: 77.025, Minimum: 29.9, Maximum: 89.3), Observations 60Checkout: 42.5Checkout: 37.6Checkout: 38.2Checkout: 34.9Checkout: 36.1Checkout: 37.9Checkout: 45.2Checkout: 31.9Checkout: 34.2Checkout: 41Checkout: 45.8Checkout: 42.3Checkout: 32.4Checkout: 29.9Checkout: 41.4Checkout: 37.1Checkout: 35.5Checkout: 43.9Checkout: 44.4Checkout: 40.6Checkout: 41Checkout: 41.7Checkout: 46.4Checkout: 42.5Checkout: 42.1Checkout: 42.2Checkout: 33.7Checkout: 45.1Checkout: 43.8Checkout: 42.1Checkout: 64.2Checkout: 73.6Checkout: 83.9Checkout: 65.3Checkout: 76.7Checkout: 85.1Checkout: 68.8Checkout: 89.3Checkout: 81.9Checkout: 76.9Checkout: 80.3Checkout: 82.5Checkout: 78.8Checkout: 86Checkout: 73.4Checkout: 75.1Checkout: 85.3Checkout: 78.2Checkout: 71.8Checkout: 84.6Checkout: 88.3Checkout: 74.9Checkout: 68.3Checkout: 77.1Checkout: 77Checkout: 75.9Checkout: 87.8Checkout: 70.8Checkout: 86.8Checkout: 69.155.3CheckoutProfile: Median: 53.25 (Q1: 49.875, Q3: 55.95, Minimum: 41.8, Maximum: 64.1), Observations 60Profile: 47.3Profile: 55.8Profile: 58.8Profile: 57.2Profile: 54.1Profile: 52.9Profile: 52.9Profile: 55.5Profile: 50.9Profile: 53.7Profile: 55.4Profile: 52Profile: 56.6Profile: 55.4Profile: 64.1Profile: 53.9Profile: 49.4Profile: 49.8Profile: 51.9Profile: 57.5Profile: 50Profile: 54.3Profile: 63Profile: 36.6Profile: 45.3Profile: 53.5Profile: 54.4Profile: 53.4Profile: 49.4Profile: 55.9Profile: 53.7Profile: 48.9Profile: 66.6Profile: 54.1Profile: 48.7Profile: 51.4Profile: 50.6Profile: 51.6Profile: 35.6Profile: 49.1Profile: 58.1Profile: 45Profile: 51.6Profile: 57.7Profile: 57.1Profile: 60.9Profile: 41.8Profile: 49.9Profile: 50Profile: 55.7Profile: 58.6Profile: 35.9Profile: 58.5Profile: 43.3Profile: 56.1Profile: 43Profile: 53.1Profile: 59.2Profile: 51.1Profile: 53.153.25Profile

Source: Illustrative measurements, 60 requests each

Show chart data
Data for Response times by endpoint, every request
CategoryMinimumQ1MedianQ3MaximumOutliers
Search18.129.42537.743.72560.666.8
Checkout29.941.355.377.02589.3
Profile41.849.87553.2555.9564.135.6, 35.9, 36.6, 66.6
  • Beeswarm plot
  • Show every observation without hiding any behind another