{"version":"1.0","type":"rich","title":"ice-6","description":"This example shows the cost of 15 laptops from a CSV dataset, displayed as a horizontal bar chart. The visualization uses React to manage state and render an SVG, while D3 v5 utilities (`scaleBand`, `scaleLinear`, `max`, `csv`) handle data loading, scaling, and axes. Values are plotted with `rect` elements, and orange grid lines with tick labels are generated via `xScale.ticks()`. The chart is titled \"laptops\" and uses a magenta heading, with bars extending from the left margin.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2936088edc1d4a3b813c3596a752e25f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}