{
  "$schema": "https://vega.github.io/schema/vega/v6.json",
  "width": 500,
  "height": 150,
  "padding": 5,
  "signals": [
    {
      "name": "aggregate",
      "value": "sum",
      "bind": {
        "input": "select",
        "options": [
          "sum",
          "count",
          "average",
          "median",
          "stdev"
        ],
        "name": "Агрегирующая операция",
        "labels": [
          "Сумма",
          "Количество",
          "Среднее",
          "Медиана",
          "Стандартное отклонение"
        ]
      }
    },
    {
      "name": "frameStart",
      "value": null,
      "bind": {
        "input": "select",
        "options": [
          null,
          -5,
          -2,
          0
        ],
        "name": "Начало окна",
        "labels": [
          "Без ограничения",
          "-5",
          "-2",
          "0"
        ]
      }
    },
    {
      "name": "frameEnd",
      "value": 0,
      "bind": {
        "input": "select",
        "options": [
          0,
          2,
          5,
          null
        ],
        "name": "Конец окна",
        "labels": [
          "0",
          "2",
          "5",
          "Без ограничения"
        ]
      }
    },
    {
      "name": "startLabel",
      "update": "if(frameStart == null, '-∞', frameStart)"
    },
    {
      "name": "endLabel",
      "update": "if(frameEnd == null, '+∞', frameEnd)"
    }
  ],
  "data": [
    {
      "name": "table",
      "values": [
        {
          "u": 1,
          "v": 28
        },
        {
          "u": 2,
          "v": 55
        },
        {
          "u": 3,
          "v": 43
        },
        {
          "u": 4,
          "v": 91
        },
        {
          "u": 5,
          "v": 81
        },
        {
          "u": 6,
          "v": 53
        },
        {
          "u": 7,
          "v": 19
        },
        {
          "u": 8,
          "v": 87
        },
        {
          "u": 9,
          "v": 52
        },
        {
          "u": 10,
          "v": 48
        },
        {
          "u": 11,
          "v": 24
        },
        {
          "u": 12,
          "v": 49
        },
        {
          "u": 13,
          "v": 87
        },
        {
          "u": 14,
          "v": 66
        },
        {
          "u": 15,
          "v": 17
        },
        {
          "u": 16,
          "v": 27
        },
        {
          "u": 17,
          "v": 68
        },
        {
          "u": 18,
          "v": 16
        },
        {
          "u": 19,
          "v": 49
        },
        {
          "u": 20,
          "v": 15
        }
      ],
      "transform": [
        {
          "type": "window",
          "sort": {
            "field": "u"
          },
          "frame": [
            {
              "signal": "frameStart"
            },
            {
              "signal": "frameEnd"
            }
          ],
          "ops": [
            {
              "signal": "aggregate"
            }
          ],
          "fields": [
            "v"
          ],
          "as": [
            "value"
          ]
        }
      ]
    }
  ],
  "scales": [
    {
      "name": "xscale",
      "type": "linear",
      "range": "width",
      "zero": false,
      "domain": {
        "data": "table",
        "field": "u"
      }
    },
    {
      "name": "yscale",
      "type": "linear",
      "range": "height",
      "nice": true,
      "zero": true,
      "domain": {
        "data": "table",
        "field": "value"
      }
    }
  ],
  "title": {
    "text": {
      "signal": "aggregate + '(value) по скользящему окну: [' + startLabel + ',' + endLabel + ']'"
    },
    "orient": "bottom"
  },
  "axes": [
    {
      "orient": "bottom",
      "scale": "xscale",
      "tickCount": 20,
      "zindex": 1
    },
    {
      "orient": "left",
      "scale": "yscale",
      "tickCount": 5,
      "zindex": 1
    }
  ],
  "marks": [
    {
      "type": "line",
      "from": {
        "data": "table"
      },
      "encode": {
        "enter": {
          "x": {
            "scale": "xscale",
            "field": "u"
          },
          "stroke": {
            "value": "steelblue"
          },
          "strokeWidth": {
            "value": 3
          }
        },
        "update": {
          "y": {
            "scale": "yscale",
            "field": "value"
          }
        }
      }
    }
  ]
}