D3 Examples - Circle Gradient I

xxxxxxxxxx
 
<!DOCTYPE html>
<meta charset="utf-8">
​
<body>  
    <svg width="960" height="500">
        <defs>
            <radialGradient id="gradient" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
                <stop offset="0.0%" stop-color="#2c7bb6"></stop>
                <stop offset="12.5%" stop-color="#00a6ca"></stop>
                <stop offset="25.0%" stop-color="#00ccbc"></stop>
                <stop offset="37.5%" stop-color="#90eb9d"></stop>
                <stop offset="50.0%" stop-color="#ffff8c"></stop>
                <stop offset="62.5%" stop-color="#f9d057"></stop>
                <stop offset="75.0%" stop-color="#f29e2e"></stop>
                <stop offset="87.5%" stop-color="#e76818"></stop>
                <stop offset="100.0%" stop-color="#d7191c"></stop>
            </radialGradient>
        </defs>
        <circle cx="200" cy="140" r="85"  fill="url(#gradient)" />
    </svg>
​
</body>
​
    