{"version":"1.0","type":"rich","title":"ICE 6-1","description":"This visualization displays a bar chart of protein content in grams for ten breakfast cereals, sorted alphabetically by cereal name. Built with React hooks and D3 v5, the chart uses `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis. Cereal data is loaded from a CSV file via `d3.csv`, with each bar rendered as an SVG `<rect>` element. The code manually draws grid lines and axis tick labels using `xScale.ticks()`, and all styling is applied via CSS, including the green rect fill and red grid lines.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/121814aeee3f40d8b80c7dd08c3344c2?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}