图中有几个圆 圆的半径越小 颜色越深
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="zh-CN" xml:lang="zh-CN" xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<body>
<!-- // <script src="d3/d3.js" charset="utf-8"></script> -->
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script>
var quantize=d3.scale.quantize()
.domain([50,0])
.range(["#888","#666","#444","#222","#000"]);
var r=[45,35,25,15,5];
var svg=d3.select("body").append("svg")
.attr("width",400)
.attr("height",400);
svg.selectAll("circle")
.data(r)
.enter()
.append("circle")
.attr("cx",function(d,i){
return 50+i*30;
})
.attr("cy",50)
.attr("r",function(d){
return d;
})
.attr("fill",function(d){
return quantize(d);
});
</script>
</body>
</html>
效果图