{"version":"1.0","type":"rich","title":"Fork of ICE-6: Rendering Marks and Channels with React & D3","description":"This visualization displays a horizontal bar chart of bicycle prices for various countries, using a curated dataset loaded from a CSV file via d3.csv. The chart maps country names to a d3.scaleBand y-axis and numerical prices to a d3.scaleLinear x-axis, rendering rectangles as marks with blue gridlines and tick labels for both axes. Built with React components and D3 scales, the SVG output uses React’s state and effect hooks to fetch and process data, while D3’s scale functions handle positional encoding. The visualization highlights how D3 and React integrate for declarative chart rendering.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/c1d7265f642b4624b5bbacf65d39f60f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}