{"version":"1.0","type":"rich","title":"Fork of [07] Gauge Chart - Using React Hooks with D3","description":"This example demonstrates a gauge chart built with React Hooks and D3 v5, where users can resize a video element and a draggable container while buttons adjust, filter, or append data values. The gauge renders as an animated SVG arc using `d3.arc` and `d3.pie`, transitioning between states via `transition.attrTween` with `d3.interpolate`. A separate bar chart uses D3 scales and axes with a `ResizeObserver` custom hook to handle dynamic container dimensions. Data updates trigger React state changes, which re-render both visualizations.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/35aec61a9a51443ea25bb7bd5b2a3785?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}