{"version":"1.0","type":"rich","title":"ICE-6: Rendering Marks and Channels with React submitted by Tejaswi_Teummala","description":"This example renders a static SVG visualization using React and D3 v7, displaying country-level data on working hours and population from a CSV file sourced via GitHub gist. The code loads data with `d3.csv`, scales values with `d3.scaleBand` and `d3.scaleLinear`, and hand-codes a decorative geometric composition of rectangles, lines, and polygons in JSX. Although channel mappings are defined, the visible output is a fixed abstract artwork of brown, yellow, and red shapes rather than a data-driven chart.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/bbb56fd6d6dd4d259cc1ca5b9a5689b7?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}