{"version":"1.0","type":"rich","title":"Visualizing CSS colors","description":"This example visualizes CSS named colors by rendering each color name as large text in its corresponding hue. It loads color data from a CSV file hosted on GitHub, which is parsed with `d3.csv`, and uses React hooks (`useState`, `useEffect`) to manage the asynchronous data fetching and component state. The visualization displays the color names as plain text strings in a single column, with each name styled using its own color value, effectively creating a self-describing color swatch list. ReactDOM renders the application into the root div, while D3 handles the data loading.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/0591d2da249b45c4afba8a1fc06de8ce?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}