{"version":"1.0","type":"rich","title":"Rendering Marks","description":"This example displays a horizontal bar chart of the top 20 companies by brand value, using a dataset loaded from a CSV file via `d3.csv`. The visualization renders SVG marks with React, mapping each company to a `rect` whose width is scaled by its brand value using `d3.scaleLinear` and whose vertical position is determined by `d3.scaleBand`. Axes are composed manually from tick marks and labels generated by the scales, with gridlines drawn as blue SVG lines.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a4b43d31df624af9a0c3d06693efd5f5?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}