simple globe

_.md

[ Launch: Tributary inlet ] 4661803 by enjalot

config.json

{"description":"simple globe","endpoint":"","display":"svg","public":true,"require":[{"name":"topojson","url":"http://d3js.org/topojson.v0.min.js"},{"name":"d3.geo.projection","url":"http://d3js.org/d3.geo.projection.v0.min.js"}],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"world110.json":{"default":true,"vim":false,"emacs":false,"fontSize":12},"_.md":{"default":true,"vim":false,"emacs":false,"fontSize":12},"config.json":{"default":true,"vim":false,"emacs":false,"fontSize":12}},"play":false,"loop":false,"restart":false,"autoinit":true,"pause":true,"loop_type":"period","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01,"fullscreen":false,"thumbnail":"http://i.imgur.com/awMy0tM.png"}

inlet.js

//http://bl.ocks.org/4188334

var world = tributary.world110;

var globe = {type: "Sphere"},
  countries = topojson.object(world, world.objects.countries).geometries;

var projection = d3.geo.orthographic()
    .scale(248)
    .translate([341, 352])
    .rotate([0,0,0])
    .center([0,0])
    .clipAngle(90);


var path = d3.geo.path()
    .projection(projection);

var colorScale = d3.scale.ordinal()
.range([
  "#389934",
  ])

var svg = d3.select("svg");

svg.selectAll("path.country")
.data(countries)
.enter()
.append("path")
.attr("d", path)
.style("fill", function(d,i) { return colorScale(i) })
.style("stroke", "#000000");

world110.json