{"version":"1.0","type":"rich","title":"Renderizando dados com React","description":"This example renders a horizontal striped visualization from a CSS named colors dataset. It uses React to map each row of the CSV data to a `<div>` element whose background color corresponds to the color’s RGB hex value, creating a stacked color bar. The code loads data via `d3.csv`, manages state with React’s `useState` and `useEffect` hooks, and renders the stripes using inline styles rather than SVG. The chart displays 960-pixel-wide stripes, each 4 pixels tall, producing a compact color spectrum.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/02f7851656454346bffe22d2cf8cf2d9?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}