{
  "id": "gallery.parallel-coordinates",
  "data": [
    {
      "id": "observations",
      "rows": 5
    },
    {
      "id": "parallel-axes",
      "rows": 4
    },
    {
      "id": "parallel-ticks",
      "rows": 16
    },
    {
      "id": "axis-points",
      "rows": 20
    }
  ],
  "transforms": [
    {
      "id": "parallel-axis-layout",
      "type": "layout",
      "input": "observations",
      "output": "parallel-axes",
      "options": {
        "layout": "plot",
        "layoutKind": "parallelAxes"
      }
    },
    {
      "id": "parallel-tick-layout",
      "type": "layout",
      "input": "observations",
      "output": "parallel-ticks",
      "options": {
        "count": 4,
        "layout": "plot",
        "layoutKind": "parallelAxisTicks"
      }
    },
    {
      "id": "parallel-point-layout",
      "type": "layout",
      "input": "observations",
      "output": "axis-points",
      "options": {
        "labelField": "segment",
        "layout": "plot",
        "layoutKind": "parallelCoordinates"
      }
    }
  ],
  "fields": [
    "observation",
    "axis",
    "axisIndex",
    "value",
    "x",
    "y",
    "tooltip",
    "segment",
    "reach",
    "cost",
    "quality",
    "loyalty",
    "axisLabel",
    "min",
    "max",
    "y0",
    "y1",
    "labelY",
    "label",
    "x1",
    "x2",
    "labelX"
  ],
  "scales": [
    {
      "id": "color",
      "type": "ordinal",
      "domain": {
        "source": "field",
        "data": "axis-points",
        "field": "observation"
      }
    }
  ],
  "layers": [
    {
      "id": "axis-lines",
      "mark": "line",
      "role": "guide"
    },
    {
      "id": "axis-ticks",
      "mark": "line",
      "role": "guide"
    },
    {
      "id": "tick-labels",
      "mark": "text",
      "role": "guide"
    },
    {
      "id": "axis-labels",
      "mark": "text",
      "role": "guide"
    },
    {
      "id": "profile-lines",
      "mark": "path",
      "role": "data",
      "path": {
        "directD": false,
        "areaBand": false,
        "closedToY": false,
        "curve": "linear",
        "groupBy": [
          "observation"
        ],
        "sortBy": "axisIndex"
      }
    },
    {
      "id": "profile-points",
      "mark": "point",
      "role": "interaction"
    }
  ]
}

{
  "scene": "gallery.parallel-coordinates.scene",
  "scales": [
    {
      "id": "color",
      "type": "ordinal",
      "domain": [
        "Alpha",
        "Beta",
        "Gamma",
        "Delta",
        "Epsilon"
      ],
      "range": [
        "var(--colors-blue-9)",
        "var(--colors-green-9)",
        "var(--colors-amber-9)",
        "var(--colors-purple-9)",
        "var(--colors-red-9)"
      ]
    }
  ],
  "layers": [
    {
      "id": "axis-lines",
      "role": "guide",
      "zIndex": 0,
      "glyphs": 4
    },
    {
      "id": "axis-ticks",
      "role": "guide",
      "zIndex": 4,
      "glyphs": 16
    },
    {
      "id": "tick-labels",
      "role": "guide",
      "zIndex": 6,
      "glyphs": 16
    },
    {
      "id": "axis-labels",
      "role": "guide",
      "zIndex": 10,
      "glyphs": 4
    },
    {
      "id": "profile-lines",
      "role": "data",
      "zIndex": 20,
      "glyphs": 5
    },
    {
      "id": "profile-points",
      "role": "interaction",
      "zIndex": 30,
      "glyphs": 20
    }
  ]
}