Vega-lite Scatterplot with Tooltip

A Vega-lite scatterplot example for vega-tooltip. You can specify the limited sets of field to display in tooltip by setting showAllFields to false, then specify those in fields array. You can also rename the field by specifying title

<body>
  <div id="vis-scatter"></div>
  <script>
    var vlSpec = {
      "$schema": "https://vega.github.io/schema/vega-lite/v2.json",
  		"data": {"url": "https://raw.githubusercontent.com/vega/vega-datasets/gh-pages/data/cars.json"},
  		"mark": "circle",
  		"encoding": {
    		"x": {"field": "Horsepower", "type": "quantitative"},
    		"y": {"field": "Miles_per_Gallon", "type": "quantitative"}
  		}
    }

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