🌍 Public
Viewing a saved revision (read-only)
f081072bcbe24926bd7b5e4244e22b3d
Bar Chart React & D3
This example shows a horizontal bar chart of the first ten artworks from an Artworks.csv dataset, plotting the number of households per artwork. It uses React hooks like `useState` and `useEffect` to fetch and manage the data, while D3 utilities such as `csv`, `scaleBand`, `scaleLinear`, and `max` handle data loading and axis scaling. The chart renders as SVG, with tick marks, labels, and bars generated through React components. A loading state displays “Loading…” until the data arrives.
AI-generated descriptionA program that loads in some data about CSS named colors using D3 utilities, and uses React to render the data as a radial burst!