{"version":"1.0","type":"rich","title":"Bar Chart React & D3","description":"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.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/82bd67ef93b54476be420f2874c07ed4?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}