{"version":"1.0","type":"rich","title":"Tutorial2","description":"This stacked bar chart visualizes the distribution of movie ratings across six genres, showing the percentage of films within each rating category. The chart uses horizontal bars for each genre, segmented by rating levels from \"below 5.0\" to \"above 8.5,\" with a color scale distinguishing the categories. Hovering over a segment reveals the exact percentage via a tooltip. Built with d3.v7, the visualization uses `d3.stack`, `d3.scaleBand`, and `d3.scaleLinear` to compute and render the stacked geometry, while `d3.axisBottom` and `d3.axisLeft` generate the axes, and the data is drawn as SVG rectangles.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/04c41d2adc1e4da99ecfe379ad0b4ba9?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}