nk" />
            <stop offset="100%" stop-color="black" />
        </radialGradient>
    </defs>

    <circle cx="150" cy="50" r="40" fill="url(#myGradient)" />

    <!--
    Keeping the final state of an animated circle
    which is a circle with a radius of 40.
    -->
    <circle cx="250" cy="50" r="20">
        <animate attributeType="XML"
                 attributeName="r"
                 from="0" to="40" dur="5s"
                 fill="freeze" />
    </circle>
</svg>

<svg viewBox="0 0 400 100" xml