使用css或使用背景中的equirectangular地图投影将地图设置为背景

Question

考虑链接http://jsfiddle.net/5D5eD/18/。在此链接中如何设置像此http://bl.ocks.org/mbostock/3757119这样的equirectangular投影作为背景，或者我可以在css背景中使用地图图像，背景应仅限于X轴上方的图表。

 .grid .tick {
stroke: lightgrey;
opacity: 0.7;
   }
 .grid path {
  stroke-width: 0;
  }
 .chart {
  }
.main text {
font: 10px sans-serif;
 }
 .axis line, .axis path {
shape-rendering: crispEdges;
stroke: black;
fill: none;
}
circle {
fill: steelblue;
}

Answer 1

我能够使用此代码

获取背景

          body
          {
          background-image:url("image.png");
          background-repeat:no-repeat;
          } 

然后缩放图表的宽度和高度