{"version":"1.0","type":"rich","title":"Fork of ICE-6: Rendering Marks and Channels with React & D3","description":"This visualization shows the basic cost of Amazon in various US cities, displaying a horizontal bar chart of library sizes for 15 cities. The data is loaded from a CSV file using d3.csv and rendered as SVG through React components. The chart uses d3.scaleBand for the y-axis, d3.scaleLinear for the x-axis, and d3.max to determine the scale domain. The code manually creates axis ticks and grid lines rather than using d3.axisBottom or d3.axisLeft.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/fd6e6b60597b456faf49584a9ded01a9?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}