{"version":"1.0","type":"rich","title":"ICE-6: Marks and Channels","description":"A bar chart displays sales data for eleven items, with each item’s sale amount encoded by the horizontal bar length. The visualization uses React to manage state and render the SVG, while D3 v5 scales (`scaleBand`, `scaleLinear`) and CSV loading (`d3.csv`) handle data binding and axis generation. Rectangular marks represent values, with orange gridlines and labeled axes for clarity.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a299a18ecad54d64b17a329837a234c4?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}