{"version":"1.0","type":"rich","title":"HTML SVG SHAPES","description":"This example demonstrates basic SVG shape creation and animation within a React scaffold. It draws a yellow face with circles for eyes, rectangles for eyebrows, and an arc for a mouth on a grey background, using D3 v5 selection and shape generators like `arc`. The eyebrows move up and down via chained `transition` calls with a duration of 800 milliseconds each, while hand-coded SVG elements for circles and rectangles appear in the HTML alongside programmatically appended ones.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/71c97683b1a542a5ba6088668b156788?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}