{"version":"1.0","type":"rich","title":"Downing 5320 ice6: Rendering Marks and Channels (React + D3)","description":"A horizontal bar chart displays the percentage of blacksmiths in six fictional fantasy worlds, using a dataset from a public CSV gist. The chart encodes the World value on the y-axis with an ordinal scale and the Blacksmiths percentage on the x-axis with a linear scale, rendering each data point as a rectangle. React manages the component state and lifecycle, while D3 v5 handles CSV parsing, scale construction, and axis generation, with the final visualization output as SVG.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/acd3b76eef94457bb5ca25622b99852f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}