{"version":"1.0","type":"rich","title":"[Test]","description":"A gauge chart displays a two-segment proportional breakdown, with values that can be adjusted via buttons or a drag-to-resize control. The semi-circular arc uses d3.pie and d3.arc, animating transitions with transition.attrTween and interpolate. A separate bar chart, rendered with SVG and d3.scaleBand, updates its height and color scale on data changes, using a ResizeObserver hook for responsive dimensions. Both components react to state updates, with d3.v5 driving the SVG rendering and React hooks managing lifecycle.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/adb8479bc46043c7a48ab2e004ed2cf6?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}