{"version":"1.0","type":"rich","title":"Rendering Data with React","description":"This example uses React to render a dataset of CSS named colors, displaying each color as a thin horizontal strip. The visualization loads color data from a CSV file using the `csv` function from D3.js, then maps each data entry to a React `<div>` element whose background color is set to the color’s RGB hex value. The strips are stacked vertically to form a complete color palette, demonstrating a simple integration of D3 data loading with React’s component-based rendering into SVG-like divs.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/51606b2f882f45c291101e567662765c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}