How to convert a stacked bar chart into a grouped bar chart?

[kevreth]

This is coming out stacked. How can I convert it to grouped? Changing encoding.column.field to "type" produces a grouped bar chart but the years all appear twice.

    {
      "$schema": "https://vega.github.io/schema/vega-lite/v5.json",
      "data": {"values":
          [
            {
              "Year": 2002,
              "Rentals": 184,
              "VHS": 84
            },
            {
              "Year": 2003,
              "Rentals": 180,
              "VHS": 67
            }
          ]
      },
     "transform": [{
       "fold": ["Rentals", "VHS"],
       "as": ["type", "sales"]
      }],
      "mark": "bar",
      "encoding": {
        "x": {"field": "Year", "type": "ordinal"},
        "y": {"field": "sales", "type": "quantitative"},
        "color": {"field": "type", "type": "nominal"}
      }
    }

[domoritz]

Open the Chart in the Vega Editor

{
  "$schema": "https://vega.github.io/schema/vega-lite/v5.json",
  "data": {"values":
      [
        {
          "Year": 2002,
          "Rentals": 184,
          "VHS": 84
        },
        {
          "Year": 2003,
          "Rentals": 180,
          "VHS": 67
        }
      ]
  },
 "transform": [{
   "fold": ["Rentals", "VHS"],
   "as": ["type", "sales"]
  }],
  "mark": "bar",
  "encoding": {
    "x": {"field": "type", "type": "ordinal"},
    "y": {"field": "sales", "type": "quantitative"},
    "color": {"field": "type", "type": "nominal"},
    "column": {
      "field": "Year", "type": "ordinal"
    }
  }
}

Note: please use code fences, not <code>.

[kevreth]

Thanks. The final chart should resemble this, less the aesthetics. The chart above has the columns correct but looks like two charts together. This chart was made with Google Slides.

[jakevdp]

You can tweak the appearance if you like; see https://vega.github.io/vega-lite/examples/bar_grouped.html for an example.

[domoritz]

And better support for grouped bar charts will come when we implement the offset channel (#4703).

[kevreth]

You can tweak the appearance if you like; see https://vega.github.io/vega-lite/examples/bar_grouped.html for an example.

Yes, I just don't know which tweaks to make.

[ezmiller]

Similarly to @kevreth I think, when I try this linked example, I end up with a stacked bar chart, rather than a grouped one.