{"version":"1.0","type":"rich","title":"Clock with React & D3","description":"This example shows an analog clock face with twelve, three, six, and nine labeled, rendered as SVG elements within a React component. Three rotating rectangular hands indicate hours, minutes, and seconds, using D3’s `rect` and React’s JSX syntax. The clock uses native SVG `<animateTransform>` elements to rotate each hand continuously, with durations of 60, 3600, and 216000 seconds, while D3 v5 and React 16 manage the rendering and structure.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/ef74a2c660ba4dc2956a5cf430d5ac94?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}