{"version":"1.0","type":"rich","title":"ICE 6 - Rendering Marks and Channels with React & D3","description":"This example visualizes the total victims of mass shootings in the top 30 U.S. states using a horizontal bar chart. Built with React and D3 v5, the SVG rendering maps each state to a band scale on the y-axis and a linear scale on the x-axis, encoding victim counts as bar widths. The code loads CSV data via `d3.csv`, applies `scaleBand` and `scaleLinear`, and manually renders axes and gridlines using `d3.axisBottom` and `d3.axisLeft` alternatives. State names are labeled alongside each bar, with tick marks drawn as blue lines.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d062ffc92d3143bd8f1e6370e40f2cdb?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}