{"version":"1.0","type":"rich","title":"Rendering data with React","description":"This example displays the CSS named colors from a CSV file as a vertical stack of horizontal color bars. It uses React with hooks (`useState`, `useEffect`, `useCallback`) to load data asynchronously via d3.csv and render each row as a styled div. The background color of each bar comes from the `RGB hex value` column, with fixed width and height. ReactDOM renders the App component into the document root, and d3 v7 handles the CSV parsing.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/4970756bba4142a5905201623f7a5469?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}