{"version":"1.0","type":"rich","title":"Rendering Data with React and D3","description":"This example displays the 148 CSS named colors as a horizontal stacked bar chart, with each color rendered as a 4-pixel-tall div whose background color matches its RGB hex value. The application loads the dataset using D3’s `d3.csv` utility and then uses React components to map each row into styled HTML elements. The code combines React’s state management with D3’s data-fetching API, and renders the output via ReactDOM.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a063874af8d048758136f21b601a8e2c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}