在 Vega-Lite 中创建自定义条形图

我是新手Vega-Lite，我正在尝试复制与此类似的图表

以下是我的代码，它不会生成我需要的内容。

{
   "$schema":"https://vega.github.io/schema/vega-lite/v5.json",
   "width":800,
   "height":600,
   "autosize":{
      "type":"fit",
      "contains":"padding"
   },
   "data":{
      "url":"data/cars.json"
   },
   "mark":{
      "type":"rect",
      "tooltip":true,
      "strokeWidth":0.1,
      "stroke":"white"
   },
   "encoding":{
      "x":{
         "field":"Horsepower",
         "type":"quantitative",
         "bin":{
            "maxbins":100
         },
         "axis":{
            "labelAngle":0
         }
      },
      "y":{
         "aggregate":"count",
         "field":"Horsepower",
         "type":"quantitative"
      }
   }
}

这是它的作用

我需要做什么才能获得我想要的输出？这里已经有人问过一个关于如何在 Altair 中重现 Unsub 直方图的问题？但它是在 中完成的python altair，我不想这样做。我想单独使用Vega-Lite.

先感谢您。