{"version":"1.0","type":"rich","title":"Smiles","description":"This visualization plots automobile data as a scatterplot, using a circle mark for each vehicle. The horizontal axis maps origin, the vertical axis maps horsepower, with color encoding weight, size encoding miles per gallon, and a tooltip showing the car name. It is built with React and uses the vega-lite-api to construct the chart specification, rendering marks with a fixed size and partial opacity. The visualization relies on the `vl.markCircle`, `vl.x`, `vl.y`, `vl.color`, `vl.size`, and `vl.tooltip` APIs to define the encoding.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/c49764e93e184a58ac3d9343aa324ea2?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}