{"version":"1.0","type":"rich","title":"Render data with React & D3","description":"A horizontal bar chart displays CSS named colors as stacked rows, each colored by its hex value and sized by category. The visualization loads color data from a gist-hosted CSV file using `d3.csv` within a React component. The app uses React hooks (`useState`, `useEffect`) to manage asynchronous data loading and renders the color swatches as divs with inline styles. The `message` utility calculates and displays the data size in kilobytes using `d3.csvFormat`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d2bd8141035347d3ad9f58ed286b8dd2?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}