{
  "id": "gallery.table",
  "data": [
    {
      "id": "product-metrics",
      "rows": 5
    },
    {
      "id": "products",
      "rows": 5
    },
    {
      "id": "column-config",
      "rows": 5
    },
    {
      "id": "headers",
      "rows": 5
    }
  ],
  "transforms": [
    {
      "id": "table-row-layout",
      "type": "layout",
      "input": "product-metrics",
      "output": "products"
    },
    {
      "id": "table-column-layout",
      "type": "layout",
      "input": "column-config",
      "output": "headers"
    }
  ],
  "fields": [
    "product",
    "category",
    "revenue",
    "margin",
    "returns",
    "y",
    "centerY",
    "formattedRevenue",
    "formattedMargin",
    "formattedReturns",
    "tooltip",
    "label",
    "width",
    "x"
  ],
  "scales": [
    {
      "id": "rowFill",
      "type": "ordinal",
      "domain": {
        "source": "field",
        "data": "products",
        "field": "category"
      }
    }
  ],
  "layers": [
    {
      "id": "table-frame",
      "mark": "rect",
      "role": "context"
    },
    {
      "id": "header-rule",
      "mark": "line",
      "role": "guide"
    },
    {
      "id": "row-backgrounds",
      "mark": "rect",
      "role": "data"
    },
    {
      "id": "headers",
      "mark": "text",
      "role": "guide"
    },
    {
      "id": "product-cells",
      "mark": "text",
      "role": "guide"
    },
    {
      "id": "category-cells",
      "mark": "text",
      "role": "guide"
    },
    {
      "id": "revenue-cells",
      "mark": "text",
      "role": "guide"
    },
    {
      "id": "margin-cells",
      "mark": "text",
      "role": "guide"
    },
    {
      "id": "return-cells",
      "mark": "text",
      "role": "guide"
    }
  ]
}

{
  "scene": "gallery.table.scene",
  "scales": [
    {
      "id": "rowFill",
      "type": "ordinal",
      "domain": [
        "Outdoor",
        "Home",
        "Beauty",
        "Electronics",
        "Grocery"
      ],
      "range": [
        "var(--colors-blue-9)",
        "var(--colors-green-9)",
        "var(--colors-amber-9)",
        "var(--colors-purple-9)",
        "var(--colors-red-9)"
      ]
    }
  ],
  "layers": [
    {
      "id": "table-frame",
      "role": "context",
      "zIndex": 0,
      "glyphs": 1
    },
    {
      "id": "header-rule",
      "role": "guide",
      "zIndex": 2,
      "glyphs": 1
    },
    {
      "id": "row-backgrounds",
      "role": "data",
      "zIndex": 5,
      "glyphs": 5
    },
    {
      "id": "headers",
      "role": "guide",
      "zIndex": 10,
      "glyphs": 5
    },
    {
      "id": "product-cells",
      "role": "guide",
      "zIndex": 20,
      "glyphs": 5
    },
    {
      "id": "category-cells",
      "role": "guide",
      "zIndex": 20,
      "glyphs": 5
    },
    {
      "id": "revenue-cells",
      "role": "guide",
      "zIndex": 20,
      "glyphs": 5
    },
    {
      "id": "margin-cells",
      "role": "guide",
      "zIndex": 20,
      "glyphs": 5
    },
    {
      "id": "return-cells",
      "role": "guide",
      "zIndex": 20,
      "glyphs": 5
    }
  ]
}