{
  "$schema": "https://vega.github.io/schema/vega/v3.0.json",
  "width": 277,
  "height": 200,
  "padding": 32,
  "data": [
    {
      "name": "table",
      "values": [
        {
          "category": "1",
          "label": "1",
          "amount": 28
        },
        {
          "category": "2",
          "label": "",
          "amount": 55
        },
        {
          "category": "3",
          "label": "",
          "amount": 43
        },
        {
          "category": "4",
          "label": "4",
          "amount": 91
        }
      ]
    }
  ],
  "signals": [
    {
      "name": "tooltip",
      "value": {},
      "on": [
        {
          "events": "rect:mouseover",
          "update": "datum"
        },
        {
          "events": "rect:mouseout",
          "update": "{}"
        }
      ]
    }
  ],
  "scales": [
    {
      "name": "xscale",
      "type": "band",
      "domain": {
        "data": "table",
        "field": "category"
      },
      "range": "width",
      "paddingInner": 0.15,
      "paddingOuter": 0.30,
      "round": true
    },
    {
      "name": "xlabels",
      "type": "ordinal",
      "domain": {
        "data": "table",
        "field": "category"
      },
      "range": {
        "data": "table",
        "field": "label"
      }
    },
    {
      "name": "yscale",
      "domain": {
        "data": "table",
        "field": "amount"
      },
      "nice": true,
      "range": "height"
    }
  ],
  "axes": [
    {
      "orient": "bottom",
      "scale": "xscale",
      "labelPadding": 10,
      "ticks": false,
      "encode": {
        "labels": {
          "update": {
            "text": {
              "data": "table",
              "field": "label"
            },
            "font": {"value": "Lato"},
            "fontSize": {"value": 14},
            "fontWeight": {"value": "bold"}
          }
        },
        "domain": {
          "update": {
            "stroke": {
              "value": "#071323"
            },
            "strokeWidth": {
              "value": 1
            }
          }
        }
      }
    },
    {
      "orient": "left",
      "labels": false,
      "ticks": false,
      "domain": false,
      "scale": "yscale"
    }
  ],
  "marks": [
    {
      "type": "rect",
      "from": {
        "data": "table"
      },
      "encode": {
        "enter": {
          "x": {
            "scale": "xscale",
            "field": "category"
          },
          "width": {
            "scale": "xscale",
            "band": 1
          },
          "y": {
            "scale": "yscale",
            "field": "amount"
          },
          "y2": {
            "scale": "yscale",
            "value": 0
          }
        },
        "update": {
          "fill": {
            "value": "#51c878"
          }
        }
      }
    },
    {
      "type": "text",
      "encode": {
        "enter": {
          "align": {
            "value": "center"
          },
          "baseline": {
            "value": "bottom"
          },
          "fill": {
            "value": "#333"
          }
        },
        "update": {
          "x": {
            "scale": "xscale",
            "signal": "tooltip.category",
            "band": 0.5
          },
          "y": {
            "scale": "yscale",
            "signal": "tooltip.amount",
            "offset": -2
          },
          "text": {
            "signal": "tooltip.amount"
          },
          "fillOpacity": [
            {
              "test": "datum === tooltip",
              "value": 0
            },
            {
              "value": 1
            }
          ]
        }
      }
    }
  ]
}