Vega-lite Bar Chart with Tooltip

A simple Vega-lite bar chart example for vega-tooltip

<!DOCTYPE html>

<body>
  <div id="vis-bar"></div>
  <script>
    var vlSpec = {
      "$schema": "https://vega.github.io/schema/vega-lite/v2.json",
      "description": "A simple bar chart with embedded data.",
      "data": {
        "values": [
          { "a": "A", "b": 28 }, { "a": "B", "b": 55 }, { "a": "C", "b": 43 },
          { "a": "D", "b": 91 }, { "a": "E", "b": 81 }, { "a": "F", "b": 53 },
          { "a": "G", "b": 19 }, { "a": "H", "b": 87 }, { "a": "I", "b": 52 }
        ]
      },
      "mark": "bar",
      "encoding": {
        "x": { "field": "a", "type": "ordinal" },
        "y": { "field": "b", "type": "quantitative" }
      }
    }

var opt = {
      mode: "vega-lite",
      actions: false
    };
    vegaEmbed("#vis-bar", vlSpec, opt).then(function (result) {
      vegaTooltip.vegaLite(result.view, vlSpec);
    }).catch(console.error);
  </script>
</body>

https://cdn.jsdelivr.net/npm/vega@3

https://cdn.jsdelivr.net/npm/vega-lite@2

https://cdn.jsdelivr.net/npm/vega-embed@3

https://cdn.jsdelivr.net/npm/vega-tooltip@0