{"version":"1.0","type":"rich","title":"A gauge in D3.js with gradient generator","description":"This gauge visualization displays six semicircular arcs around a central value readout, each shaded with a gradient that transitions between colors to represent different battery and power states. The code uses D3.js v5’s `arc` generator and `transition` method, building linear gradients via `svg.append('defs')` with `linearGradient` elements positioned using trigonometric calculations. A dark slate indicator arc and a white percentage text label update smoothly, while the SVG canvas is statically sized at 900×500 pixels.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/fbf6885f28694039bb1b8d990f558bc5?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}