{"version":"1.0","type":"rich","title":"Css to create circle","description":"This example demonstrates how to create geometric shapes using only CSS, showing a grey circle for a head and a white circle for an eye positioned on a web page. The rendering relies on CSS styling applied to HTML div elements, with absolute positioning and border-radius properties used to achieve the circular forms. The code defines two styled elements, .head and .eyeLeft, within a plain HTML document, utilizing CSS’s border-radius: 50% to transform rectangular divs into perfect circles. No JavaScript libraries or data sources are used; the visualization is purely static CSS composition.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/cd21b07593814f8d8f16280bf3ed7e61?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}