{"version":"1.0","type":"rich","title":"ICE-6: Rendering Marks and Channels with React and D3","description":"This bar chart displays 2021 global internet usage rates for 16 countries, sorted by country name along the vertical axis and percentage values on the horizontal axis. The chart uses React functional components with hooks to load and manage data from a CSV file, while d3.scaleBand and d3.scaleLinear calculate the chart’s scales. The visualization is rendered as SVG, with bars drawn as rect elements and custom axis ticks created from d3’s scale methods.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/5caca57d93a8490c83d63bfc97067d20?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}