{"version":"1.0","type":"rich","title":"Making a Bar Chart","description":"Five apples rendered as red circles sit in a row, and clicking one selects it with a black outline. The example demonstrates building a custom React component with D3 scales, using `d3.scaleOrdinal` for color and radius mapping and `useState` for selection state. SVG circles are positioned with a simple index-based formula within a React app.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/921aa83de5784a69a7bc39d8cdf938df?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}