{"version":"1.0","type":"rich","title":"svg fundamentals","description":"This example demonstrates foundational SVG shape drawing in a React application, using a static HTML page with inline SVG elements. It shows a black square with overlapping circles that form a simple face, including yellow eyes with black pupils and a gray nose. The code directly uses SVG primitives like `<rect>` and `<circle>` with explicit `cx`, `cy`, `r`, and `fill` attributes, rendered inside an `<svg>` container at 600 by 600 pixels. No external libraries or data sources are involved; the visualization relies purely on manual coordinate and styling definitions.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6fec3046e2ec42c9acae0d87588ebbd1?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}