globe = {
var c = DOM.context2d(s,s);
var canvas = c.canvas;
var projection = d3.geoOrthographic().scale(radius).translate([s / 2, s / 2]);
var path = d3.geoPath(projection, c);
let {x,y} = rotation;
projection.rotate([x,y]);
c.linewidth = 0;
c.fillStyle = "white";
c.strokeStyle = "dimgray";
c.beginPath(), c.arc(s / 2, s / 2, radius, 0 , 2 * Math.PI), c.fill(), c.stroke();
c.lineWidth = 0;
c.fillStyle = "dimgray";
c.strokeStyle = "dimgray";
c.beginPath(), path(world), c.fill();
c.canvas.onmouseup = e => onMoveStoped();
c.canvas.onmouseleave = e => onMoveStoped();
c.canvas.onmousedown = e => onMoveStarted(e);
c.canvas.onmousemove = e => onMove(e);
return canvas
}