{"version":"1.0","type":"rich","title":"Fork of Fork of Fork of ICE-6: Rendering Marks and Channels (Bar Chart)","description":"This example visualizes the 2022 populations of movies in the \"RICH\" dataset as a bar chart using React and D3.js. The chart displays each movie’s runtime as a vertical bar, with movie names on the x-axis and runtime values on the y-axis. The code uses `d3.scaleBand` for the categorical x-axis, `d3.scaleLinear` for the continuous y-axis, and `d3.csv` to load data from a remote CSV file. SVG elements render the bars, axis ticks, and gridlines, with margins and dimensions explicitly defined. React’s `useState` and `useEffect` hooks manage asynchronous data fetching and re-rendering.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/9a416e53be8f470992a1ca767df336ef?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}