squiggle/packages/components/src/vega-specs/spec-line-chart.json

{
  "$schema": "https://vega.github.io/schema/vega/v5.json",
  "width": 500,
  "height": 200,
  "padding": 5,
  "data": [
    {
      "name": "facet",
      "values": [],
      "format": {
        "type": "json",
        "parse": {
          "timestamp": "date"
        }
      }
    }
  ],
  "scales": [
    {
      "name": "x",
      "type": "linear",
      "nice": true,
      "zero": false,
      "domain": {
        "data": "facet",
        "field": "x"
      },
      "range": "width"
    },
    {
      "name": "y",
      "type": "linear",
      "range": "height",
      "nice": true,
      "zero": false,
      "domain": {
        "data": "facet",
        "field": "y"
      }
    }
  ],
  "signals": [
    {
      "name": "mousemove",
      "on": [{ "events": "mousemove", "update": "invert('x', x())" }]
    },
    {
      "name": "mouseout",
      "on": [{ "events": "mouseout", "update": "invert('x', x())" }]
    }
  ],
  "axes": [
    {
      "orient": "bottom",
      "scale": "x",
      "grid": false,
      "labelColor": "#727d93",
      "tickColor": "#fff",
      "tickOpacity": 0.0,
      "domainColor": "#727d93",
      "domainOpacity": 0.1,
      "format": ".9~s",
      "tickCount": 5
    },
    {
      "orient": "left",
      "scale": "y",
      "grid": false,
      "labelColor": "#727d93",
      "tickColor": "#fff",
      "tickOpacity": 0.0,
      "domainColor": "#727d93",
      "domainOpacity": 0.1,
      "format": ".9~s",
      "tickCount": 5
    }
  ],
  "marks": [
    {
      "type": "line",
      "from": { "data": "facet" },
      "encode": {
        "enter": {
          "x": { "scale": "x", "field": "x" },
          "y": { "scale": "y", "field": "y" },
          "strokeWidth": { "value": 2 }
        }
      }
    }
  ]
}