{"version":"1.0","type":"rich","title":"Vizualizing Data With React","description":"This example displays all 148 named CSS colors as a vertical strip of horizontal lines, one per color, ordered as they appear in a CSV file loaded from a GitHub gist. Using React with ReactDOM, the app fetches the CSV via D3 v6’s `d3.csv`, stores the parsed rows in state with a `useState` hook, and renders each color’s hex value as a div’s `backgroundColor`. The lines span the full window width at four pixels tall, creating a simple color spectrum visualization that updates after the asynchronous data load completes.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/fb7a968d230948f7ac5d2ddff2a8147b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}