{"version":"1.0","type":"rich","title":"ICE-6: Rendering Marks and Channels with React & D3","description":"This scatterplot-like bar chart displays the ages of fifteen individuals grouped by gender, using horizontal bars to compare values. The visualization combines React for component state management and rendering with D3 v7 for data loading and scale calculations. It loads CSV data from a GitHub gist via d3.csv, then uses d3.scaleBand and d3.scaleLinear to position bars, with custom tick rendering instead of d3.axisBottom or d3.axisLeft.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/9a9cc80b3e4d4c949ef334b77b3a024f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}