{"version":"1.0","type":"rich","title":"1: Rendering Data With React","description":"This example uses React to render a horizontal stacked bar chart from a CSV file of CSS named colors. The app fetches the data with d3.csv, displays a brief loading message, then maps each row to a colored div based on the RGB hex value. The chart uses fixed dimensions of 960 pixels wide by 5 pixels tall per color row, creating a striped spectrum. React’s useState and useEffect manage the asynchronous data loading and rendering state.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}