{"version":"1.0","type":"rich","title":"Visualizing Data with React and d3","description":"This example displays the full set of CSS named colors as a stacked sequence of horizontal bars, one per color, ordered as they appear in the CSV data. Each bar’s background color is set directly from the `Hex rgb` field. The application uses React’s `useState` and `useEffect` hooks to asynchronously load and store the data via d3’s `csv` utility, rendering a loading message until the promise resolves. The D3 v7 and React 18 libraries are loaded via CDN.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/ef2b6ca73d474266b751f0c88c834606?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}