This example creates a scatter plot of cereal data, positioning each cereal brand by its cups of cereal and calories. The visualization uses a Vega-Lite API built on the `vega-lite-api` library, with `vl.markCircle` and `vl.x`/`vl.y` encodings to map the quantitative fields, and a tooltip encoding showing the cereal name. Data is fetched as CSV from a remote URL using `d3.csv`. The rendering is handled by Vega-Lite and Vega, with tooltips provided through `vega-tooltip`. The chart is customized with a dark text color and simplified axes, and it auto-fits to the browser window size.