{"version":"1.0","type":"rich","title":"Rendering Marks and Channels with React & D3","description":"This example shows the IMDB ratings of the top 15 movies by number of votes as a horizontal bar chart. The visualization uses React to manage state and render SVG elements, while D3.js provides the scale functions (`scaleBand`, `scaleLinear`) and data loading via `d3.csv`. The bars encode the vote count through their width, with axis ticks and labels generated manually. Movie titles appear on the y-axis, and the data comes from a GitHub-hosted CSV file fetched asynchronously.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/ef4527d3efd84be6b74c21d843da6cc6?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}