# Quint timeline: SaaS ops control room, 24 h (Quint Timeline example)

> WestCoast Charts 1.1.5, release, public Core release, on npm. HTML: https://westcoast-charts.com/gallery/quint-timeline/saas-ops/ · Index for agents: https://westcoast-charts.com/llms.txt

Five lanes on one time axis: requests per 10 min (colour = error rate, dashed = typical day, ◆ deploys, ● pipeline runs), cost per cluster, error budget left per service (availability · p95 latency), p95 latency per service and traffic by region. Hover for one crosshair across all lanes; click a service, cluster or time slot to pin it, Esc clears.

- Chart type: `quintTimeline` (Quint Timeline)
- Collection: Quint Timeline · Quint Timeline
- Raw configuration: https://westcoast-charts.com/gallery-src/quint-timeline/saas-ops.js
- Standalone example: https://westcoast-charts.com/embed/samples/wcc/premium/quint.html?only=timeline

## Setup

```js
import WestCoastCharts from 'west-coast-charts'
import premium from 'west-coast-charts/premium'
import quint from 'west-coast-charts/layers/quint'

WestCoastCharts.use(premium).use(quint)
const WestCoastChartsPremium = premium
const WestCoastChartsLayer_quint = quint
WestCoastCharts.setLicenseKey(LICENCE_KEY) // paid production licence; localhost evaluation needs no key
```

## Options

Shortened: the full configuration (52 kB, mostly data) is at https://westcoast-charts.com/gallery-src/quint-timeline/saas-ops.js.

```js
const options = {
  "chart": {
    "type": "quintTimeline",
    "height": "auto"
  },
  "series": [
    {
      "name": "Requests",
      "lane": "req",
      "keys": [
        "Requests"
      ],
      "data": [
        14280,
        14580,
        14820,
        14520,
        14640,
        15000,
        15300,
        15360,
        14940,
        15300,
        15360,
        15420,
        15540,
        16020,
        15600,
        16020,
        16740,
        16440,
        16920,
        16440,
        16800,
        16260,
        17280,
        16800,
        18000,
        16920,
        17040,
        17820,
        17520,
        16800,
        17340,
        17640,
        17040,
        17580,
        16980,
        17700,
        18420,
        17340,
        17340,
        17460,
        17520,
        17340,
        17760,
        16980,
        17400,
        16920,
        17220,
        16800,
        16560,
        16680,
        17640,
        17280,
        16980,
        16140,
        17160,
        16800,
        17880,
        16980,
        17880,
        17340,
        17160,
        18360,
        17820,
        18060,
        19140,
        19800,
        18960,
        19740,
        20400,
        19980,
        19680,
        21060,
        20220,
        21840,
        21360,
        21960,
        21240,
        22620,
        22320,
        21000,
        22680,
        23160,
        22560,
        22800,
        23580,
        23400,
        22140,
        22440,
        23520,
        23460,
        23520,
        23820,
        24120,
        23160,
        23460,
        24600,
        22500,
        22740,
        22260,
        23880,
        23760,
        24540,
        23400,
        23760,
        23040,
        23280,
        22560,
        23640,
        24480,
        23940,
        23040,
        24300,
        28860,
        30000,
        30060,
        28740,
        25680,
        23700,
        22260,
        23700,
        23580,
        22560,
        22260,
        22740,
        22320,
        21720,
        20820,
        21300,
        20460,
        19560,
        19980,
        19800,
        18780,
        19320,
        19260,
        18900,
        18240,
        17400,
        17460,
        17100,
        17220,
        16680,
        16020,
        16320
      ],
      "errorRate": [
        0.23,
        0.35,
        0.32,
        0.34,
        0.28,
        0.29,
        0.31,
        0.25,
        0.25,
        0.3,
        0.24,
        0.22,
        0.26,
        0.22,
        0.27,
        0.23,
        0.32,
        0.33,
        0.24,
        0.27,
        0.36,
        0.2,
        0.21,
        0.38,
        0.38,
        0.23,
        0.23,
        0.23,
        0.38,
        0.38,
        0.38,
        0.33,
        0.3,
        0.34,
        0.38,
        0.19,
        0.39,
        0.34,
        0.27,
        0.32,
        0.27,
        1.3,
        1.12,
        1.2,
        1.12,
        1.19,
        0.26,
        0.3,
        0.23,
        0.35,
        0.33,
        0.31,
        0.21,
        0.18,
        0.21,
        0.28,
        0.35,
        0.23,
        0.38,
        0.31,
        0.32,
        0.2,
        0.18,
        0.38,
        0.37,
        0.31,
        0.29,
        0.32,
        0.4,
        0.39,
        0.37,
        0.35,
        0.2,
        0.34,
        0.3,
        0.28,
        0.23,
        0.33,
        0.38,
        0.18,
        0.23,
        0.21,
        0.31,
        0.34,
        0.35,
        0.2,
        0.31,
        0.32,
        0.19,
        0.33,
        0.29,
        0.35,
        0.22,
        0.39,
        0.24,
        0.24,
        0.3,
        0.23,
        0.32,
        0.29,
        0.39,
        0.31,
        0.34,
        0.27,
        0.2,
        0.32,
        0.36,
        0.25,
        0.18,
        0.27,
        0.35,
        0.25,
        7.97,
        7.97,
        7.99,
        7.85,
        3.74,
        0.36,
        0.19,
        0.37,
        0.3,
        0.35,
        0.23,
        0.24,
        0.31,
        0.32,
        0.21,
        0.32,
        0.21,
        0.26,
        0.28,
        0.25,
        0.22,
        0.35,
        0.21,
        0.31,
        0.19,
        0.38,
        0.3,
        0.33,
        0.19,
        0.33,
        0.4,
        0.23
      ],
      "typical": [
        14400,
        14500,
        14500,
        14600,
        14700,
        14700,
        14800,
        14900,
        15000,
        15200,
        15300,
        15400,
        15600,
        15700,
        15900,
        16000,
        16200,
        16300,
        16500,
        16600,
        16700,
        16900,
        17000,
        17100,
        17200,
        17300,
        17400,
        17500,
        17500,
        17500,
        17600,
        17600,
        17600,
        17600,
        17600,
        17500,
        17500,
        17400,
        17400,
        17300,
        17300,
        17200,
        17100,
        17100,
        17000,
        17000,
        16900,
        16900,
        16900,
        16900,
        16900,
        16900,
        16900,
        17000,
        17100,
        17100,
        17300,
        17400,
        17500,
        17700,
        17900,
        18100,
        18300,
        18500,
        18700,
        18900,
        19200,
        19400,
        19700,
        19900,
        20200,
        20400,
        20700,
        20900,
        21100,
        21400,
        21600,
        21800,
        21900,
        22100,
        22300,
        22400,
        22500,
        22700,
        22800,
        22900,
        22900,
        23000,
        23100,
        23100,
        23200,
        23200,
        23300,
        23300,
        23300,
        23400,
        23400,
        23500,
        23500,
        23500,
        23600,
        23600,
        23700,
        23700,
        23700,
        23800,
        23800,
        23800,
        23800,
        23800,
        23800,
        23800,
        23800,
        23700,
        23700,
        23600,
        23500,
        23400,
        23200,
        23100,
        22900,
        22700,
        22500,
        22200,
        22000,
        21700,
        21400,
        21100,
        20800,
        20400,
        20100,
        19800,
        19400,
        19100,
        18700,
        18400,
        18000,
        17700,
        17400,
        17100,
        16800,
        16500,
        16200,
        16000
      ]
    },
    {
      "name": "eu-k8s-1",
      "lane": "cost",
      "data": [
        30,
        30,
        29,
        28,
        30,
        30,
        31,
        29,
        30,
        31,
        30,
        30,
        29,
        29,
        30,
        30,
        29,
        30,
        30,
        31,
        29,
        29,
        30,
        30,
        30,
        30,
        29,
        30,
        30,
        31,
        31,
        31,
        31,
        31,
        32,
        33,
        32,
        33,
        33,
        33,
        32,
        33,
        32,
        33,
        32,
        35,
        33,
        34,
        35,
        34,
        35,
        35,
        37,
        36,
        37,
        38,
        37,
        39,
        40,
        40,
        41,
        39,
        40,
        40,
        43,
        42,
        42,
        43,
        45,
        45,
        46,
        44,
        44,
        47,
        48,
        46,
        47,
        47,
        49,
        49,
        49,
        48,
        51,
        52,
        50,
        51,
        49,
        52,
        49,
        50,
        51,
        50,
        50,
        52,
        50,
        50,
        50,
        48,
        48,
        48,
        50,
        48,
        50,
        48,
        46,
        47,
        47,
        44,
        46,
        46,
        45,
        43,
        42,
        44,
        43,
        41,
        43,
        40,
        42,
        41,
        41,
        40,
        39,
        40,
        37,
        38,
        37,
        35,
        35,
        35,
        34,
        35,
        34,
        34,
        34,
        34,
        33,
        33,
        34,
        33,
        33,
        33,
        31,
        31
      ]
    },
    {
      "name": "eu-k8s-2",
      "lane": "cost",
      "data": [
        27,
        26,
        27,
        26,
        27,
        27,
        27,
        26,
        26,
        28,
        27,
        28,
        26,
        28,
        28,
        27,
        27,
        27,
        28,
        26,
        27,
        27,
        28,
        28,
        28,
        28,
        26,
        27,
        28,
        28,
        27,
        28,
        29,
        27,
        29,
        29,
        29,
        30,
        30,
        30,
        28,
        30,
        29,
        31,
        29,
        30,
        30,
        31,
        31,
        31,
        32,
        31,
        33,
        33,
        34,
        35,
        33,
        35,
        35,
        36,
        35,
        35,
        37,
        36,
        37,
        39,
        38,
        41,
        41,
        40,
        39,
        41,
        42,
        41,
        42,
        42,
        43,
        42,
        42,
        43,
        45,
        45,
        43,
        46,
        44,
        44,
        46,
        46,
        46,
        46,
        47,
        44,
        45,
        44,
        45,
        45,
        44,
        43,
        43,
        44,
        46,
        43,
        44,
        44,
        42,
        44,
        43,
        43,
        43,
        42,
        39,
        40,
        138,
        136,
        134,
        136,
        119,
        72,
        72,
        73,
        72,
        70,
        34,
        34,
        36,
        34,
        34,
        34,
        33,
        33,
        32,
        32,
        30,
        31,
        30,
        31,
        30,
        30,
        29,
        30,
        29,
        29,
        28,
        28
      ]
    },
    {
      "name": "us-k8s-1",
      "lane": "cost",
      "data": [
        39,
        39,
        40,
        40,
        39,
        39,
        40,
        38,
        40,
        38,
        38,
        37,
        37,
        38,
        37,
        39,
        39,
        38,
        37,
        38,
        40,
        41,
        40,
        40,
        41,
        40,
        40,
        40,
        39,
        40,
        40,
        40,
        41,
        41,
        41,
        41,
        42,
        41,
        43,
        41,
        41,
        43,
        45,
        42,
        42,
        43,
        43,
        45,
        46,
        46,
        46,
        48,
        46,
        49,
        50,
        49,
        49,
        49,
        52,
        50,
        51,
        54,
        52,
        54,
        57,
        53,
        58,
        56,
        58,
        56,
        61,
        60,
        59,
        61,
        60,
        62,
        62,
        65,
        65,
        66,
        66,
        62,
        63,
        65,
        65,
        64,
        66,
        64,
        65,
        67,
        68,
        65,
        64,
        64,
        64,
        63,
        67,
        66,
        65,
        66,
        62,
        64,
        65,
        61,
        62,
        61,
        62,
        61,
        62,
        57,
        57,
        60,
        59,
        57,
        54,
        55,
        55,
        55,
        54,
        52,
        50,
        50,
        51,
        52,
        50,
        50,
        50,
        49,
        48,
        46,
        47,
        47,
        46,
        45,
        45,
        45,
        44,
        42,
        44,
        44,
        41,
        42,
        41,
        43
      ]
    },
    {
      "name": "gpu-inf-1",
      "lane": "cost",
      "data": [
        110,
        111,
        116,
        114,
        114,
        109,
        114,
        115,
        108,
        115,
        112,
        110,
        108,
        110,
        113,
        117,
        114,
        114,
        109,
        113,
        111,
        118,
        111,
        112,
        116,
        113,
        120,
        113,
        114,
        120,
        116,
        122,
        116,
        114,
        122,
        119,
        119,
        125,
        123,
        125,
        125,
        123,
        129,
        129,
        123,
        129,
        125,
        131,
        131,
        136,
        135,
        131,
        143,
        144,
        145,
        143,
        146,
        147,
        151,
        154,
        150,
        156,
        161,
        160,
        163,
        165,
        166,
        170,
        162,
        169,
        170,
        179,
        170,
        179,
        175,
        180,
        180,
        175,
        186,
        178,
        185,
        181,
        181,
        184,
        191,
        194,
        196,
        187,
        185,
        190,
        185,
        198,
        197,
        192,
        198,
        198,
        195,
        184,
        192,
        187,
        193,
        181,
        189,
        177,
        188,
        178,
        178,
        169,
        171,
        173,
        174,
        174,
        165,
        166,
        167,
        161,
        166,
        160,
        155,
        154,
        150,
        148,
        143,
        146,
        143,
        142,
        145,
        140,
        143,
        133,
        132,
        137,
        130,
        132,
        129,
        131,
        128,
        125,
        122,
        124,
        124,
        125,
        118,
        124
      ]
    },
    {
  // Full configuration available through Raw or Copy.

const chart = new WestCoastCharts(document.querySelector('#chart'), options)
await chart.render()
```

## Verify

- Text check (Library 1.1.5): load `west-coast-charts/agent/describe` and call `chart.describe({ format: "json" })` for the actual drawn state. The live reader is on this example’s HTML page.
- Command line (Public agent tools 0.2.3, tested with Library 1.1.5; available from the versioned GitHub release and npm, https://westcoast-charts.com/docs/cli/index.md): `wcc chart export quint-timeline-saas-ops.json --out quint-timeline-saas-ops.svg --with-table` (save the options above as JSON first)