🌍 Public
Viewing a saved revision (read-only)
63a126833a334322b9fdb229dfffc4cd
Render data with React & D3
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`.
AI-generated descriptionA program that render data about CSS named colors using uses React.