{"version":"1.0","type":"rich","title":"ICE-6: Rendering Marks and Channels with React & D3","description":"This visualization displays the top 10 vehicle selling prices as a horizontal bar chart, with car names on the y-axis and price on the x-axis. Built using React and D3 v5, it loads CSV data via d3.csv, then uses d3.scaleBand and d3.scaleLinear to position bars and axis ticks rendered as SVG elements. The chart includes custom grid lines and tick labels, with all marks generated declaratively through React components.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/c5e5306599b840b8ac13b42fea6ca14d?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}