{"version":"1.0","type":"rich","title":"Iterating Fast with vega-lite api","description":"This example visualizes the global distribution of religious populations across countries using a bubble chart, where circle size encodes population and axes represent country and religion. It loads CSV data via d3.csv, then builds the chart with the vega-lite API’s `vl.markCircle()` and encoding helpers like `vl.x().fieldN()`, `vl.size().fieldQ()`, and `vl.tooltip()`. The visualization renders as SVG through Vega-Lite, with custom axis and label styling from a config object, and integrates react state and vega-tooltip for interactive inspection.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/9d13cf26867a46f8b5f0996af118ac41?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}