{"version":"1.0","type":"rich","title":"ABC","description":"This example shows a basic bar chart comparing the cost of Netflix subscriptions across different countries, with categories A through T representing distinct nations and their corresponding values. The visualization uses React 16.9.0 to manage the component lifecycle and D3 v5 to render the bar marks, with data specified inline via a Vega-Lite specification. The chart employs a nominal x-axis for the country labels and a quantitative y-axis for the cost values, rendered in a full-screen layout with hidden overflow. The code relies on React’s `ReactDOM` to mount the root component and D3’s scale functions to map data to pixel coordinates.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/69a1bc75c4194262b9e692ae273f0067?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}