{"version":"1.0","type":"rich","title":"Responsive chart","description":"A responsive bar chart built with React and D3 v5 updates its layout and axes to match the container’s dimensions via a custom `useResizeObserver` hook and the `ResizeObserver` API. Three buttons control the data: incrementing each value, filtering out values above 50, and appending random numbers. Bars render as SVG `rect` elements with smooth transitions, while hover tooltips appear as text. Axes are generated using `axisBottom` and `axisLeft`.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/c3bb44888fb24386bf24a0cc36788263?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}