Fil · January 13, 2017 08:42
diff --git a/.block b/.block
 license: mit
diff --git a/README.md b/README.md
diff --git a/BOL_5yrs_InternalMigFlows_2010.csv b/BOL_5yrs_InternalMigFlows_2010.csv
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <meta charset="utf-8">
 <style>

 .stroke {
  fill: none;
  stroke: #000;
  stroke-width: 3px;
 }

 .fill {
  fill: #fff;
 }

 .graticule {
  fill: none;
  stroke: #777;
  stroke-width: 0.5px;
  stroke-opacity: 0.5;
 }

 .land {
  fill: #ccc;
 }

 .boundary {
  fill: none;
  stroke: #555;
  stroke-width: 0.5px;
 }

 </style>
 <svg width="960" height="484"></svg>
 <script src="//d3js.org/d3.v4.min.js"></script>
 <script src="//d3js.org/d3-geo-projection.v1.min.js"></script>
 <script src="//d3js.org/topojson.v1.min.js"></script>
 <script src="https://d3js.org/d3-scale-chromatic.v1.min.js"></script>
 <script>

 var svg = d3.select("svg"),
    width = +svg.attr("width"),
    height = +svg.attr("height");

 var projection = d3.geoRobinson()
 .rotate([66,16.4])
 .center([0,0])
 .scale(1800)
    .translate([width / 2, height / 2])
    .precision(0.1);

 var graticule = d3.geoGraticule();

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

 var defs = svg.append("defs");

 defs.append("path")
    .datum({type: "Sphere"})
    .attr("id", "sphere")
    .attr("d", path);

 defs.append("clipPath")
    .attr("id", "clip")
  .append("use")
    .attr("xlink:href", "#sphere");

 svg.append("use")
    .attr("class", "stroke")
    .attr("xlink:href", "#sphere");

 svg.append("use")
    .attr("class", "fill")
    .attr("xlink:href", "#sphere");

 svg.append("path")
    .datum(graticule)
    .attr("class", "graticule")
    .attr("clip-path", "url(#clip)")
    .attr("d", path);

  var lines = svg.append("g"),
      circles = svg.append("g");

  var color = d3.scaleQuantize()
    .domain([0, 1])
    .range(d3.range(6).map(function(i) { return d3.interpolateSpectral(1-i/6)}));
  
 d3.json("https://rawgit.com/visionscarto/some-geo-data/master/ne_50m_admin_0_countries/countries.topo.json", function(error, world) {
  if (error) throw error;

  if (true)
  svg.insert("path", ".graticule")
      .datum(topojson.feature(world, world.objects.countries))
      .attr("class", "land")
      .attr("clip-path", "url(#clip)")
      .attr("d", path);

  if (true)
  svg.insert("path", ".graticule")
      .datum(topojson.mesh(world, world.objects.countries, function(a, b) { return a !== b; }))
      .attr("class", "boundary")
      .attr("clip-path", "url(#clip)")
      .attr("d", path);
  
  var w = topojson.feature(world, world.objects.countries);
  w.features.forEach(function(d, i){
  });

  d3.csv('BOL_5yrs_InternalMigFlows_2010.csv', function(err, migrations){

    var sites = d3.map();
    migrations.map(function(l) {sites.set(l.NODEI, [+l.LONFR,+l.LATFR]);} );
    sites = sites.values();
    
    
    migrations = migrations.map(function(l){
      var p = projection([+l.LONFR,+l.LATFR]);
      l.x1 = p[0]
      l.y1 = p[1]
      var q = projection([+l.LONTO,+l.LATTO]);
      l.x2 = q[0]
      l.y2 = q[1]
      
      l.i = Math.log(+l.PrdMIG);
      return l;
    })
    migrations
    .sort(function(a,b){
      return d3.ascending(a.i, b.i);
    })
    
    color.domain(d3.extent(migrations, function(d){ return d.i}))
    
    svg.append('g')
    .selectAll('line')
    .data(migrations)
    .enter()
    .append('line')
    .attr('x1', function(d){ return d.x1; })
    .attr('y1', function(d){ return d.y1; })
    .attr('x2', function(d){ return d.x2; })
    .attr('y2', function(d){ return d.y2; })
    .attr('stroke', function(d) { return color(d.i); })
    .attr('stroke-width', 2)
    
    if (false)
    svg.append('g')
    .selectAll('circle')
    .data(sites)
    .enter()
    .append('circle')
    .attr('transform', function(d){ return 'translate('+ projection(d) +')';})
    .attr('r', 2)
  })

 });

 </script>
	<!DOCTYPE html>
	<meta charset="utf-8">
	<style>

	.stroke {
	fill: none;
	stroke: #000;
	stroke-width: 3px;
	}

	.fill {
	fill: #fff;
	}

	.graticule {
	fill: none;
	stroke: #777;
	stroke-width: 0.5px;
	stroke-opacity: 0.5;
	}

	.land {
	fill: #ccc;
	}

	.boundary {
	fill: none;
	stroke: #555;
	stroke-width: 0.5px;
	}

	</style>
	<svg width="960" height="484"></svg>
	<script src="//d3js.org/d3.v4.min.js"></script>
	<script src="//d3js.org/d3-geo-projection.v1.min.js"></script>
	<script src="//d3js.org/topojson.v1.min.js"></script>
	<script src="https://d3js.org/d3-scale-chromatic.v1.min.js"></script>
	<script>

	var svg = d3.select("svg"),
	width = +svg.attr("width"),
	height = +svg.attr("height");

	var projection = d3.geoRobinson()
	.rotate([66,16.4])
	.center([0,0])
	.scale(1800)
	.translate([width / 2, height / 2])
	.precision(0.1);

	var graticule = d3.geoGraticule();

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

	var defs = svg.append("defs");

	defs.append("path")
	.datum({type: "Sphere"})
	.attr("id", "sphere")
	.attr("d", path);

	defs.append("clipPath")
	.attr("id", "clip")
	.append("use")
	.attr("xlink:href", "#sphere");

	svg.append("use")
	.attr("class", "stroke")
	.attr("xlink:href", "#sphere");

	svg.append("use")
	.attr("class", "fill")
	.attr("xlink:href", "#sphere");

	svg.append("path")
	.datum(graticule)
	.attr("class", "graticule")
	.attr("clip-path", "url(#clip)")
	.attr("d", path);

	var lines = svg.append("g"),
	circles = svg.append("g");

	var color = d3.scaleQuantize()
	.domain([0, 1])
	.range(d3.range(6).map(function(i) { return d3.interpolateSpectral(1-i/6)}));

	d3.json("https://rawgit.com/visionscarto/some-geo-data/master/ne_50m_admin_0_countries/countries.topo.json", function(error, world) {
	if (error) throw error;

	if (true)
	svg.insert("path", ".graticule")
	.datum(topojson.feature(world, world.objects.countries))
	.attr("class", "land")
	.attr("clip-path", "url(#clip)")
	.attr("d", path);

	if (true)
	svg.insert("path", ".graticule")
	.datum(topojson.mesh(world, world.objects.countries, function(a, b) { return a !== b; }))
	.attr("class", "boundary")
	.attr("clip-path", "url(#clip)")
	.attr("d", path);

	var w = topojson.feature(world, world.objects.countries);
	w.features.forEach(function(d, i){
	});

	d3.csv('BOL_5yrs_InternalMigFlows_2010.csv', function(err, migrations){

	var sites = d3.map();
	migrations.map(function(l) {sites.set(l.NODEI, [+l.LONFR,+l.LATFR]);} );
	sites = sites.values();


	migrations = migrations.map(function(l){
	var p = projection([+l.LONFR,+l.LATFR]);
	l.x1 = p[0]
	l.y1 = p[1]
	var q = projection([+l.LONTO,+l.LATTO]);
	l.x2 = q[0]
	l.y2 = q[1]

	l.i = Math.log(+l.PrdMIG);
	return l;
	})
	migrations
	.sort(function(a,b){
	return d3.ascending(a.i, b.i);
	})

	color.domain(d3.extent(migrations, function(d){ return d.i}))

	svg.append('g')
	.selectAll('line')
	.data(migrations)
	.enter()
	.append('line')
	.attr('x1', function(d){ return d.x1; })
	.attr('y1', function(d){ return d.y1; })
	.attr('x2', function(d){ return d.x2; })
	.attr('y2', function(d){ return d.y2; })
	.attr('stroke', function(d) { return color(d.i); })
	.attr('stroke-width', 2)

	if (false)
	svg.append('g')
	.selectAll('circle')
	.data(sites)
	.enter()
	.append('circle')
	.attr('transform', function(d){ return 'translate('+ projection(d) +')';})
	.attr('r', 2)
	})

	});

	</script>