{"version":"1.0","type":"rich","title":"Rendering Data with React","description":"A React component loads a CSV of color data via `d3.csv` and renders each row as a horizontal strip, using the `RGB hex value` field for the background color. Once the data arrives, the component maps over the array to create a stacked sequence of divs, each 960 pixels wide and 4 pixels tall, forming a continuous color band. The visualization demonstrates React's declarative rendering of external data, with a loading state shown until the asynchronous fetch completes.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6642b8d0e344495a93ef481ac24a3dd2?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}