{"version":"1.0","type":"rich","title":"Fork of ICE-6: Rendering Marks and Channels with React & D3","description":"This interactive bar chart displays the basic cost of living for 15 cities across various US states. Built with React and D3 v5, the visualization renders SVG marks and channels, using a band scale for the categorical y-axis and a linear scale for the numerical x-axis. Data is loaded from a CSV file via d3.csv. The React component manages state and uses useEffect to fetch and slice the data, while d3.scaleBand and d3.scaleLinear map city names and costs to screen coordinates.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/176255ca2eaa4ef7942e4808acb194d7?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}