{"version":"1.0","type":"rich","title":"ICE-6: Rendering Marks and Channels with React & D3","description":"This example shows a horizontal bar chart of the top ten countries with the highest mental health issues, using the Remote Work attribute for the categorical axis and Age as the quantitative variable. Built with React and D3 v5, the visualization renders to SVG and loads its CSV data from a remote gist. The code uses `scaleBand` and `scaleLinear` to map data to coordinates, while custom tick marks and axis labels are generated from these scales to present the chart.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/25091fe7d3eb42bf92ece2b2f7629434?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}