since the reducer function is missing, we have 20 000 little bars on the picture instead of 3. add encoding "tip: true" and hover the mouse over bars to see that.
here is how to add the reducer: https://observablehq.com/plot/transforms/group
Same thing here with missing reducer
Probably the easiest is to rebuild this graph in "chart" a cell https://observablehq.com/documentation/cells/chart
make sure to add reducer there, and then you can cast it to javascript if you want more customisation or if you want to know exactly how to make reducer with code in your case
all of them charts are still counting rows in the data table, not the actual orders. to fix it, you need to set your Y encoding to "orders" from data table and the reducer to "sum" on Y. this is confusing, i agree.
Plot.groupX({y: "sum"}, {x: "Category", y: "orders"})
theeeen you'll see how different the number of orders in CA and NV really is