{"version":"1.0","type":"rich","title":"Gist bba7305242819356db240f90046a0950","description":"This example demonstrates two animated loading spinners built with the `Loader` component from the `@amazingshellyyy/loader` package. It shows a circular spinner in green at small, medium, and large sizes with a slow speed, alongside a square spinner in red at the same three sizes with normal speed. The code renders these elements as React JSX components, relying on the Loader’s props to control shape, color, size, and animation speed. The visualization highlights how the same component API can produce visually distinct loading indicators.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-bba7305242819356db240f90046a0950?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}