{"version":"1.0","type":"rich","title":"Basic Shapes in SVG","description":"A black-and-white animation of concentric circles expands and contracts around a central point, with the radius cycling through increasing values. The SVG is manipulated entirely through basic JavaScript, creating and appending circle elements in a loop of alternating colors. The animation uses `setInterval` to update the state every millisecond, while `document.createElementNS` and `setAttributeNS` build each circle with the SVG namespace. The code defines a custom `computeState` function to progress the radius and delta, with the loop resetting when the radius exceeds 400.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d4169aee605d453d85065c84dbe87deb?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}