{"version":"1.0","type":"rich","title":"Making a Clock","description":"This example shows a static clock face rendered with SVG. The clock includes a circular face, hour, minute, and second hands, numeric labels, and tick marks at the 12, 3, 6, and 9 positions. Built with React and JSX, the code uses CSS for page margins and the `circle`, `line`, and `text` SVG elements to construct the layout. It positions elements using a centered `<g>` transform and rotates ticks with the SVG `transform=\"rotate(...)\"` attribute. The D3 `arc` function is imported but not used in the final output.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/e7637dede4784f04ac982875edfaf62b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}