mayblue9 · August 1, 2016 01:37
diff --git a/2013_gross_trade.csv b/2013_gross_trade.csv
diff --git a/README.md b/README.md
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html>
 <meta charset="utf-8">

 <!-- Example based on http://bl.ocks.org/mbostock/3887118 -->
 <!-- Tooltip example from http://www.d3noob.org/2013/01/adding-tooltips-to-d3js-graph.html -->

 <style>
 body {
  font-family: "HelveticaNeue-Light";
  font-size: 13px;
 }

 .label{
  font-size: 12px;
 }

 .d3-tip {
  line-height: 1;
  font-weight: bold;
  padding: 12px;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  border-radius: 2px;
 }

 /* Creates a small triangle extender for the tooltip */
 .d3-tip:after {
  box-sizing: border-box;
  display: inline;
  font-size: 10px;
  width: 100%;
  line-height: 1;
  color: rgba(0, 0, 0, 0.8);
  content: "\25BC";
  position: absolute;
  text-align: center;
 }

 /* Style northward tooltips differently */
 .d3-tip.n:after {
  margin: -1px 0 0 0;
  top: 100%;
  left: 0;
 }
 </style>
 <body>
 <script src="http://d3js.org/d3.v3.min.js"></script>
 <script src="http://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js"></script>

 <script>
 var margin = {top: 100, right: 20, bottom: 30, left: 40},
    width = 990 - margin.left - margin.right,
    height = 900 - margin.top - margin.bottom,
    nested, formatNumber = d3.format(",d")

 var svg = d3.select("body").append("svg")
    .attr("width", width + margin.left + margin.right)
    .attr("height", height + margin.top + margin.bottom)
  .append("g")
    .attr("transform", "translate(" + margin.left + "," + margin.top + ")");

 var tip = d3.tip()
  .attr('class', 'd3-tip')
  .offset([-10, 0])
  .html(function(d) {
    return "<strong>Million USD:</strong> <span style='color:red'>" + formatNumber(Math.round(d)) + "</span>";
  })

 svg.call(tip);


 var color = d3.scale.quantile()
    .domain([1, 30000])
    .range(["#eee",'#0050fb', '#3367f4', '#447ded', '#4d92e6', '#4fa8df', '#82b3c3', '#b0bb9d', '#d1c275', '#ebca45', '#fcc707', '#fead15', '#fe911d', '#fd7321', '#fb4f24']);

 var scaledlegend = function(svg, qrange, ml,mt, Title){
  var margin = {top: 40, right: 10, bottom: 30, left: 10},
    width = 874 - margin.left - margin.right,
    height = 70 - margin.top - margin.bottom;

  var scope = qrange.map(function(d){ return Math.round(d/1000)*1000});

  var color = d3.scale.threshold()
    .domain(scope)
    .range(["",'#0050fb', '#3367f4', '#447ded', '#4d92e6', '#4fa8df', '#82b3c3', '#b0bb9d', '#d1c275', '#ebca45', '#fcc707', '#fead15', '#fe911d', '#fd7321', '#fb4f24'])

  var x = d3.scale.log()
    .domain(d3.extent(scope))
    .range([0, width]);

  var xAxis = d3.svg.axis()
    .scale(x)
    .orient("bottom")
    .tickSize(17,0)
    .tickValues(color.domain())
    .ticks(20, d3.format("s"));

  
  var g = svg.append("g")
    .attr("transform", "translate(" + ml + "," +mt + ")")
    .attr("class", "key")

  g.selectAll("rect")
      .data(color.range().map(function(d, i) {
        return {
          x0: i ? x(color.domain()[i - 1]) : x.range()[0],
          x1: i < color.domain().length ? x(color.domain()[i]) : x.range()[1],
          z: d
        };
      }))
    .enter().append("rect")
      .attr("height", 13)
      .attr("x", function(d) { return d.x0; })
      .attr("width", function(d) { return d.x1 - d.x0; })
      .style("fill", function(d) { return d.z; });

  g.attr("class","legend").call(xAxis).append("text")
      .attr("class", "caption")
      .attr("y", 45)
      .attr("x", width/2)
      .text(Title)
      .style("font-size", 16)
      .style("text-anchor", "middle")
 }

 d3.csv("2013_gross_trade.csv", function(error, data) {
 nested = d3.nest()
        .key(function(d) { return d.exporting_country; })
        .entries(data); 

 var group = svg.selectAll(".row").data(nested).enter()
      .append("g")
      .attr("class", "group")
      .attr("transform", function(d, i) { return "translate(0," + (i*13) + ")"; })

  group.append("text")
      .attr("class", "label")
      .attr("x", 75)
      .attr("y", 4)
      .attr("dy", ".4em")
      .style("text-anchor", "end")
      .text(function(d) { return d.key; });

  group.selectAll(".box").data(function(d){ 
          var newdata = d3.values(d.values[0]); 
          newdata.shift()
          return newdata
        })
      .enter().append("rect")
        .attr("transform", function(d, i) { return "translate("+(i*15 + 80)+",0)"; })
        .attr("x", function(d){  return 0})
        .attr("y", 0)
        .attr("width", 13)
        .attr("height", 12)
        .style("fill", function(d){  return color(+d)})
        .on('mouseover', tip.show)
        .on('mouseout', tip.hide)

  var importernames = d3.keys(nested[0].values[0])
  importernames.shift()
  var importers = svg.selectAll(".row").data(importernames).enter()
      .append("g")
      .attr("class", "group")
      .attr("transform", function(d, i) { return "translate("+(i*15 + 80 )+"," + -10 + ")rotate(-90)"; })

    importers.append("text")
      .attr("class", "label")
      .attr("x", -6)
      .attr("y", 5)
      .attr("dy", ".4em")
      .text(function(d) { return d; });

  scaledlegend(svg,color.quantiles(), 80, 740, "Gross Exports, Million USD")

 })

 d3.select(self.frameElement).style("height", (height + margin.top + margin.bottom) + "px");
 d3.select(self.frameElement).style("width", (width + margin.left + margin.right) + "px");
 </script>
diff --git a/thumbnail.png b/thumbnail.png
exporting_country	United States	China	Germany	France	United Kingdom	Japan	Italy	Canada	Korea	Spain	Netherlands	India	Mexico	Belgium	Russian Federation	Australia	Switzerland	Chinese Taipei	Brazil	Singapore	Poland	Ireland	Sweden	Saudi Arabia	Austria	Malaysia	Turkey	Thailand	Denmark	Indonesia	Czech Republic	Norway	Greece	Finland	Hungary	Hong Kong, China	Portugal	Viet Nam	South Africa	Luxembourg	Israel	Slovak Republic	Romania	Philippines	Argentina	Chile	New Zealand	Bulgaria	Slovenia	Lithuania	Latvia	Estonia	Cyprus	Cambodia	Malta	Iceland	Brunei Darussalam
United States	1	111955.9	74435	51782.3	77745.3	89562.1	24319.9	213176.9	44279.2	21442.1	33111.1	28761.5	126533.1	15768.9	13912.6	28923.3	12717.2	24182.8	33361.2	25467.1	6441.3	44732.8	11847.8	18816.2	6383.9	19952.4	9994.3	12478.9	9168.9	11288.5	3893.6	8359.9	6815.9	5666.1	4141.2	9852.9	2673.7	4453.2	7556.4	5353.9	11168.5	1673.4	1887.7	8626.4	8175.5	9872.5	4132.5	1114.5	1297.4	778	656.4	676	734.7	843.3	635	687.3	592.7
China	289963.9	1	68753.2	42191.1	39545.3	111745.3	28149.5	34186.1	58114.9	19432.7	21914.6	32157	29923.2	7984	26691.2	31222.4	4989.1	28786.2	17233.1	13936.6	13317.4	5289.7	5746.5	12169.7	6887.6	17673.8	12454.2	16951.1	5889.8	14213.9	9439.3	5894.5	5191.9	6275.2	5175.6	25952.1	1858.4	15959.8	9193.9	1281.2	4311.4	3635.6	2611.6	4715	5417.6	5995.1	3582.3	1484.3	1378.5	697.5	491.3	681	625.7	1198.3	434.4	396.3	144.1
Germany	97977.2	63311.7	1	99137.6	76664.7	21913.6	76956.6	11589	15279.6	43352.1	52284.2	13842.2	11286.6	34946.5	28611.7	11821.7	59956.5	6511.9	12381.7	6421.6	33711.1	8182.4	23933.8	8524.4	53142.2	5663	15168.9	4586.4	19593.8	3369.5	25261.1	11128.6	11422.7	12646.7	18611.5	1815.9	9369.3	2424.5	7688.3	11421.3	4691.3	9936.8	8835.1	1723	2645.7	2441.4	1713.5	2888.2	4111.1	2135.2	1327.7	1132.5	996.7	491.6	622.9	597.3	61.8
Japan	112451.3	125544.4	23411.3	11659.6	11976.6	1	6131.2	11116.1	45542.8	4411.5	7368.5	7358.6	9846.4	5521.6	8391	14548.7	3117.4	37814.2	6158.4	13114.5	3167.4	1671.5	2366.3	6418.5	2211.7	13983.3	3519.1	22389.7	1561.9	11161.3	3149.7	1862.8	1667.9	1518	2295.2	5691.4	841.6	7235.8	2941.3	518	2461.1	1221.6	778.5	6191.2	1836.6	2331.3	1915.8	661.8	631	288.2	241.9	374.6	321	261.6	264.4	264.4	356
France	48551.3	21456	81868.6	1	43565.4	11828.9	46122.6	6481.5	5697.9	37744.3	15684.2	6763.2	2919.8	32278.7	9414.1	5212.4	16151.7	2315.1	4861.1	5481	8112.6	6156.5	7716.3	5391.2	4831.5	2587	8193.1	2848	3937.6	2296.1	4348.9	3195.9	5269	3198.6	4113.2	1647.5	7161.1	1663.4	3179.7	4537.1	2287	3212.6	3854.2	1247	1395.6	1123.5	1377.9	1251.6	1721.7	741	534.7	531.8	598.2	412.3	545	311.6	18.7
United Kingdom	91963.7	13324.3	59381.2	36581.6	1	12847.8	21561.6	12181.1	5545.9	22411.1	26294.1	7848.2	2517	13931.9	6369.6	8795.8	11739.8	2159.6	3615.9	7893.9	5861.7	31881.2	9823.3	8676.9	3918.8	3391.5	4873.4	2111.1	7583.4	1198.6	2732.8	8411.1	4534.9	3766.6	2149.7	2815.2	3282.8	394.1	4198.2	6228	3241.3	1615.8	1481	432.8	581.6	1125.2	961	367.9	353.1	243.7	117.6	183.9	642.8	11.5	394.7	135.8	228.8
Italy	39582.4	15433.5	62612.7	54247.7	26441.3	9116.2	1	5793.6	4962.1	25362.1	7546.3	5486.9	3562.3	9479.6	11919.5	5851.5	21917.6	2287.9	5636	2135.2	11816.4	4184.2	4782.1	5198.4	11539.7	1846.8	8955.4	2393.6	3777	1141.5	4618.3	2748.2	11266.5	2218.5	3717.6	995.5	4381.3	939.8	2182.2	2632	2826.7	2767.8	6391.1	364.2	1157.1	827.3	521.9	2112.4	4181.8	688.1	338.1	277.9	752.8	12.6	829.6	119	27.4
Korea	48681.3	113624.2	11474.8	5141.1	4172.4	24316	3672.9	5557.8	1	2796.4	1794.5	9214.1	11123	1624.7	6554.9	6122.9	434.4	11243	5469.5	7647.6	4466.7	933.4	1146.7	6661.6	799.8	5959.2	3245.2	6122.4	1181.6	5161.7	1355.6	1483.9	3998	819.8	2213.6	2957	498.4	7411.9	1358.3	118.5	1272.5	4194.3	597.2	3678	871.2	2231.8	728.3	247.8	312.9	81.8	67.4	216.7	46.3	198.2	81.1	41.5	76.4
Canada	243158.1	16113.7	7125.6	5818.6	9582.2	11291.5	3129.5	1	4717.7	1567	1763.2	3183	7611	1521.1	1735.2	2957.9	1375.2	1545.4	2718.5	877.4	276.7	997.8	713.9	2364.2	718.5	832.2	872.6	1459.4	856.2	1815.5	194.7	1916.2	487	515.9	333.6	611.5	217.7	311	755.9	176	368.7	66.3	158.1	318.6	297	736.9	328.7	66.1	59.7	29.1	9.7	38.8	14.5	2.9	86.5	48.8	7.1
Netherlands	21835	6778.6	66996.3	24145.7	33384.3	4829.3	23235.8	2371.1	2352	13322.3	1	2521.6	2148.3	32176	5869.8	1714.6	6991.2	1614.9	2778	2516.2	5393.7	12144.1	7441.3	3897.1	3394.7	1119.3	2424.7	1511.9	5961.1	872.8	2927.1	2781.3	4188.8	2351.5	3648.3	741	3424.9	741.2	1387.8	2412.1	2139.6	853.6	1873.1	629.5	346.3	193.6	346.6	522.8	551.5	635.9	364.5	256.1	391.6	47.1	221.7	253.4	29.7
Russian Federation	24741.8	27817.5	25694.3	16318.1	8654.5	11714.8	21183.2	2115.7	7419	7655.6	11178.1	4871.4	436.8	3849.2	1	694	838	2776.4	2155.9	1787.9	12153.1	741.2	5422.2	1417.9	1133.2	514.2	17112.3	2586.3	1391.1	997.4	5987.3	1425.8	5131.7	11324.2	4165.8	436.2	1184.5	2137.5	973.8	171.6	1161.9	6714.8	2541.1	594.2	413.7	311.5	399.3	2517.5	565.6	5427.2	1111	1167.4	739.1	96.2	145.8	131.3	7.2
Spain	19198.6	6127.9	38173.6	43811.5	31534.6	3741.9	22996.8	2121.9	1665.4	1	7614.8	2153.6	3291.8	7169.5	3857.3	1932.6	5295.1	1166.3	2914.1	1926	3737.5	3667.3	3394.6	2856.3	3264.5	1575.2	4133.4	915.8	2616.1	938.6	2218.9	3361.6	3277.5	1734.9	1413.8	566.9	23832.2	193.6	912.3	2365.9	1189	811	1125.6	212.6	1222.8	1325.6	553.7	527.1	733	225.2	119.3	82	217.6	3.6	111.6	35.3	143.6
India	36125.5	23143.9	12153.3	7184.8	7966.5	5221.1	6182.6	2627.3	5416	3598.2	3356.1	1	1161.9	3186.6	1951.8	2751.7	1511.9	3166.4	3983	5613.6	1177.7	2369.7	1746.8	5994.8	2371.6	3344.5	1884.9	2574.2	1271.8	2466.2	955.9	1771.8	976.1	1661.4	747.1	1515	617.4	1637.5	2515.1	1125.7	1295.8	192.7	596.5	585.2	375.4	255.1	379.8	94.2	214.1	22.1	17.3	43.2	45.8	43.1	31.1	21.4	29.6
Belgium	18287	8514.9	31539.5	37572.9	18269.6	3926.9	14882.9	1518	1739.1	7849.3	22197.2	5253.7	563	1	3614.1	1518.8	3676.5	487.1	1332.3	2111.6	3194.9	2827.4	4712	2974.7	2634.2	1129.8	1881.8	1213.3	2641.4	654	1747.8	1881	2538.1	1733.3	1464	598.8	1611.6	332.5	1169.4	7771.3	2215.7	611.5	915.1	242.1	482	354.9	114.6	331.9	343.8	338.4	116.8	114.1	159.1	5.5	75.3	48.2	65.4
Switzerland	26881.1	7336.3	45226.4	17194.1	8344.6	8174.6	17575.2	5779.3	2313.7	6358.7	5114.2	13851	1531.8	2872.4	3937.8	2715.3	1	1331.6	2899.5	1118.9	1691.5	3438.6	1415.2	3482.5	7811.5	827.2	2294.6	3412.4	1163.2	589	1334	1211.2	1396.8	775.3	731.3	697	687.1	565	861.1	5692	4352.3	614.6	633.5	321.6	441.7	224	221.7	312.4	369	71.3	148.7	82.8	82.2	66.9	118.6	71.5	3.6
Mexico	166549.8	4148.5	3757.2	1161.9	1661.9	2676.6	997.3	14248.4	912.3	2837.7	1118.3	1936.2	1	581.3	839.2	998.4	371.8	312.1	3178	644.3	218.4	766.2	64.9	1419	169.4	311.7	323.1	1447.1	91.8	279.7	175.4	359.9	79.2	175.2	168.8	34.9	69.9	159.4	273.5	26.5	129.9	62.7	52.6	55	1189	1187.8	112.7	17.9	23.5	24.1	1.7	5.4	2.9	1.5	4.1	2.1	1.6
Chinese Taipei	27481.5	81823	5458.6	2721.8	3522	15248.1	2215.8	2865.4	9134.6	1671.8	1558.2	3341.1	3788.1	617.2	2154	2272.9	481.3	1	2884	5991.4	1177.8	1329.2	766.5	2155.1	593.3	4567.2	1452.3	4743.9	855.2	2271.6	942.5	854.6	449.2	458.7	1165.9	3113.8	337.6	5656.3	836.2	249.2	739.1	1111.1	366	3142.6	254.7	242	358.7	251.7	218.4	162	117.2	139.5	88.3	336.2	132.5	83.4	29.3
Singapore	21194.7	21461.1	6114.7	3891.4	4392.6	9597.3	1211.7	2159.3	8913.5	1319.7	2544.1	9677.9	1152.3	1897	2112.4	11512.3	492.1	5135.5	1547.6	1	895.1	2239.7	715.1	2552.7	581.8	12969.9	1232.1	6471.9	2799.9	15169.6	988.4	923.5	1284.1	498.1	1298.2	4236.2	1118.8	4199.6	1479.1	2777.6	1459.2	515.7	524.2	3989.3	1161.9	1131.8	1169.6	353.8	292.4	291	248.6	231.6	214.8	278	318.2	233.2	784.9
Ireland	31113	5119.7	22142.3	9843.6	24518.5	6143.7	11479.7	3719.3	2181.3	7736.3	5743.6	4165	675.1	11321.2	1818.7	2361.9	4242.2	542.4	1131.2	1644.9	1159.7	1	2391.8	1735.5	1171.1	1793.5	835.8	764.7	1254.1	545.5	721	974.1	912.6	1347.7	614.8	249.8	796.1	272.6	591	2112.4	1186.1	237	365	279.2	126.2	51.1	121.2	154.8	144.7	67.5	49.2	65.2	35.5	17.9	55.1	61.2	15.6
Saudi Arabia	25684.1	27157.1	1349.2	3491.5	1216.6	28766.2	3166.5	1754.8	21847	3618.7	1585.7	15771.2	399.2	718.5	117.2	639.7	164.4	9763.3	2295.8	3848.9	138.5	334.4	212.5	1	198.2	1251.3	1784.9	3861.7	78.7	3261.1	6.1	359.7	1118.5	62.8	1.7	57.2	585	376.9	3648.5	1.2	22.3	3.5	41.5	1737.4	5.6	11.7	163.1	14.9	4.8	4.5	1.2	9	11.9	1.5	2	1.6	1.6
Australia	12621.7	45475.5	3626.5	1844.7	4712.4	33552.2	1617	1991.4	15676.4	882.1	819.7	14257.1	722.2	873	1214.9	1	358.3	6317	2246.5	3353.3	254.1	716.1	673.5	3154.4	188.2	3232	946.8	3851.3	974.7	4114.8	87.2	428.3	361.8	295.7	73.5	1339.3	46.9	1154.8	1378.8	22	491.2	31.4	24.6	871	392.9	389.3	5189.9	17.2	11.2	1.4	1.9	4	7.4	35.4	5	37.8	31.1
Sweden	15716.5	9825.1	18931.3	11968.6	11955.1	3148.9	6175.6	2156	2254.3	4534.6	4273	3259.4	845.5	4526.1	3511.4	2167.7	1586.3	483.4	1651.8	1838.2	3169.8	1684.9	1	2588.5	1734.8	1251.3	2242.6	973.4	12948.1	1151.8	1114	13621.2	966.8	8296.7	829.4	596.9	887.4	771.7	1371.6	371.5	773.2	474.8	494.3	348.1	311	413.9	251.6	257.7	313.1	523.6	391.1	573.3	124.9	6.7	83.2	253	5.6
Malaysia	23432.6	32691.1	5596.1	2129.3	2621.2	13667.3	1349.6	2181.8	7211.3	1626.2	3812.3	5451.8	3455	712.4	2299.4	6251.4	276.1	4413.8	1881.8	11861.7	656.6	1137.6	494.6	2384.7	315.3	1	1114.4	7999.5	771.6	5444.4	668.7	544.5	362.9	262.5	446.1	1425.3	118.1	2339.4	922.5	78.2	192.8	319	144.3	1714.7	315.4	316.9	542.8	74.4	66.5	7.9	6.3	24.3	14.1	137.8	15.4	4	397.6
Brazil	22432.4	31321.9	9945.3	4263.7	4351.6	5869.9	4224.3	2557.8	3997	3473.2	4619.1	3917	2986.3	1658.1	4228	1241	885.9	2115	1	1227.4	613.4	557.7	569.7	2933.3	554.6	1149.3	1138	1891.6	747.2	1617.4	219	1114.4	316.5	615	98	311.9	1212.2	344.1	1128.1	46.1	224.6	76.2	351.1	224.7	11818.8	2553.5	71.9	176.6	95.6	22.5	3.9	19.1	12.4	2.7	9	86	1.8
Thailand	21561	27883.7	4655.8	2743.2	3843.1	15436.6	2189.6	2362.9	3953.8	1451.7	2373.8	4153.5	1855.6	1181	1911.1	11114.6	899.6	2933.6	2971.2	4161	772.8	911.4	887.7	3139	657	7659.9	1195.4	1	1145	4925.5	974.6	839.9	672.3	313.8	218.4	1471.2	159.2	4398.1	1229.9	31.9	557.7	218.8	71.4	2651	472.9	415	582.6	51.2	45.1	79.5	6.2	25.3	35.9	534	11.7	8.7	122.1
Austria	11189.4	6149.2	48919.7	5791.7	4658.4	2112.6	12217.6	1315.3	1486.3	2934.6	2616	1694.8	519.2	2215.3	3719.5	1172	7141.4	425.2	1416.7	823	2937.1	981.1	1598.8	2143.5	1	662.4	1339.4	745.5	1115.6	371.1	3515.9	798.4	1115.4	754	4918.3	192.4	519.3	215.3	471.9	891.5	329.5	1781.6	2474.4	91.6	146.8	118.2	91.1	614.8	1946.2	121.7	91.9	59.4	41.8	3	25.2	13.5	4.6
Poland	4217.6	3712.9	38621.2	11219.4	9879.4	794.2	11991.9	968.1	731.3	4336.7	4195.6	916.8	311.4	3113.4	7111.1	782.1	1414.2	198.7	715.8	512.5	1	837.4	4578.5	1281.3	2898.5	617.4	2267.9	215.9	2633.2	315.1	7152.2	2311.2	1193	1443.6	3656.7	231.5	516.3	118.1	522	317.6	313.9	2865.3	2151.1	19.5	378.7	111.4	31.7	583.8	615.8	1767.5	754.3	388.3	33.6	2.8	21.6	33.6	1.4
Norway	15214.1	5198.9	13425.7	8386.2	28441.2	2731.3	4225.3	4214.5	4644.5	3219	7921.3	1329	218.4	3212.6	1974.9	1129.2	539.1	573	1176.7	1612.9	2295.5	1747.9	14172.8	1679.7	423.8	518.6	1114.4	694.9	5692.7	615.1	784.2	1	514	1921.9	99.7	272.3	1111.6	84.9	499.4	71	277.8	116.4	189.8	51.4	268.7	392.2	27.6	29.5	41.2	82.2	119.7	147	11.7	1.6	4.1	349.1	4.3
Turkey	11837.2	3953.8	15366.8	8657.8	8241.3	1547.8	8147.4	824	812.9	4312.8	1718.3	2592.1	369.7	2293.5	8387.1	933.5	816.7	216.1	887.1	1176.5	2419.8	584.9	1112.4	4315	1449	429.9	1	285.5	1279.7	837.1	739.2	788.2	3111.2	415.2	455	219	451	179.8	474.9	82.4	2122.4	461.6	2113.6	88.5	135.2	62.7	82.3	1484.1	293.6	99.4	39.9	131	11	5.5	44.2	14.8	2.5
Denmark	13132.4	6128.7	15855	4584.6	7491.6	3138	4134.2	1815.1	1571.1	3212.1	2972.1	1464.1	399.9	2131.4	2459.3	2125.1	1171	647.6	1226.4	1353.2	2492.3	1262.4	13611.9	1298.6	936.7	716.6	991.1	728.9	1	737.2	881.9	6854.4	1384.2	2259.5	835.2	832.1	666.6	195.3	821.1	75.7	619.5	519.1	445.1	259.7	639.8	761.7	789.5	319.4	239.5	423.2	218.6	131	53.4	4.2	22.8	174.4	391.9
Indonesia	13811.6	14177.8	3878.8	1762	2188.1	18799.5	2273.4	1162.3	8891.5	2215	1591.7	7355.1	711	674.9	737.4	4241.1	154.9	4995.1	2178.4	5121.1	421.2	323.9	187.8	1229.8	212.7	5993.4	915.6	3257.8	497.8	1	196.9	545.7	249.7	98.1	43.3	411.4	111	1411.4	676.4	66.4	97.9	135.7	49.7	1827.4	165.6	444.4	368.4	37.4	84.4	11.1	3.8	12.3	11.6	155.4	3.6	2.8	72.8
Czech Republic	2891.2	2499.5	32663.4	6278.3	5662	831.1	5314.3	462.6	764.6	2727.1	3619.4	794	318.2	1985.3	3447	272.7	1687	83	558.6	386.6	5365.1	334.1	1618.1	728.2	4362.7	188.1	1124.7	116.9	1171.3	123.3	1	743.7	589.4	812.8	2517.1	116.6	381.9	48.8	289.8	214.1	226.6	7411.4	1126.9	82.9	78.4	97.7	35.7	552.8	511.1	273.5	111	78.1	17.9	2	5.2	9.9	1.1
Hong Kong, China	11523.6	19616.4	1781.2	964.7	1198	4114.7	1178.1	2158.1	2691.5	791.6	1188.9	2977.1	531.4	1111.7	1164.1	1694.6	245.9	2167.2	1675.8	2228.5	623.7	1474.8	1117.1	1531.5	519.2	814.1	785.4	1632.7	1142.1	1157.4	616.1	435.7	851.5	527.3	764.8	1	1198.5	811.9	858.5	2181.3	991.2	626	674.1	1189	1187.3	951.4	576.2	593.5	511.9	532.6	483	424.4	445.3	412.4	478	437.6	9.6
Hungary	3464	3274.5	19168.6	4517.4	4563.2	1323.9	5154.1	626.4	841.5	2664.3	1813.7	586	361.4	1178.4	3532	441.5	951.1	61	541	444.5	2811.6	549.7	1121.9	939	3315.6	135.4	1114.5	117.5	696.1	257.3	2155.4	457.7	441.9	477	1	122.5	334.7	113.5	275.9	119.3	312.1	2939.6	3999.9	22.5	58.8	22.1	31.6	476.8	593.7	149.3	112.2	47.8	38.3	1.3	7.2	9.3	1.5
Finland	6246.4	5981.7	8136.3	2919.4	3891.8	1751	2951	1185.5	1413	2117.5	2715.7	3111.9	314.8	1647.2	5838.9	975.5	798.1	379.4	1617.4	951.9	1984.5	453	7362.8	1111.1	637.1	817.1	852.5	281.7	1663.7	382.8	383.9	2164.6	751	1	429.8	289	489.1	152.3	516.4	164.5	424.3	158.4	191.7	149	122.4	231.6	99.6	92.5	92	273.5	272.9	812.4	22.9	1.9	16.7	22.9	4.5
Luxembourg	6175.9	963.3	11483.7	5428.1	5216.9	1429.8	5781.4	2147	991.4	2193	3383.3	2441.5	727.7	5652.6	275.2	42.3	3816.1	256.8	416.9	1127.2	611.9	3414.4	867.9	487.9	581.1	781.4	143.4	33	459.8	89.3	312.3	185.4	871.5	249.5	141.2	828.8	325.5	6.7	37.1	1	1115.9	63.3	116.1	61	151.6	16.3	5.1	14	35.6	11.2	11.2	11.3	6.4	6.6	1.6	3.1	1.9
South Africa	7411.6	9155.2	5193.3	1443.3	5979	4869	2557.4	765.5	1359.1	1371.7	1332.3	5456	216.4	1475.4	594.3	855.5	1624.4	914.5	965.9	663.2	383.6	471.7	511.7	851.5	216.9	523.6	1199.7	382	458.3	427.7	158.1	635.1	98.9	167.6	17.6	147.4	262.5	116.7	1	74.8	235.1	28.4	46.9	75.2	111	77.3	85.2	47.5	14.2	4.4	1.1	13.4	7.8	2.1	3.4	3.4	2.1
Israel	21663.7	2715.5	2964.8	1521.8	2218.1	1725.5	1894.3	1289.4	1596.4	1546.2	1561.9	2754.1	416.6	1556.3	1266.4	674.5	381.7	543.3	1217.5	1412	331.6	298.8	286.7	872.6	151.8	616.6	1168.7	336.3	353.9	221	198.7	351	513.4	377.6	132.7	335.6	123	132.4	285.7	15.8	1	45.8	153.9	211.9	95.6	73.6	71.8	79.8	33.8	11.2	11.1	8.9	414.5	5.1	4.7	4.1	4.5
Argentina	4861.9	4981.2	2213.3	913.8	1113.6	991.3	1813.9	711.2	1111.4	2313.1	1414.2	1131.4	995.5	474.4	1471	439.7	69.8	78.6	11416.6	973.8	645.9	277.8	161.7	641.8	129.4	657	216.6	383.8	811.9	616.9	33.9	335	414.3	51.7	14.7	317.9	155.4	548.9	862.9	8.8	157.8	15.1	38.9	372.7	1	4238.4	51.4	21.6	119.9	15.9	3.1	7.1	32.8	4.4	2.1	2.9	1.9
Viet Nam	13773	5461.8	2912.8	1754.2	1828.8	6416.4	966.1	1162.1	2911.5	1265.9	691.3	713.4	569	477.6	791.8	2737.5	2129.4	948.2	537.8	1146	388.2	318.9	287.9	213.2	245.7	1996	437.9	1248.9	194.9	635.5	194.1	512.2	117.6	123	47.7	148.4	66.4	1	222.9	31.5	78.6	153.3	75.3	1431.4	72.9	121.9	84	62.5	35.8	21.1	6.1	14.9	9.4	559	1.8	3.1	9
Portugal	3277.5	1842.7	6899.7	7415.4	4177	647.2	2641	582.3	544.9	12874.4	1195.4	427.2	331.9	1399.2	598.2	341.2	618.8	67	1135.4	989.2	559.1	445.6	744.3	452	591.6	321.9	551.7	192.8	742.1	263.5	328.4	385.3	345.1	398.7	186.7	512.3	1	15.9	211.8	161.5	242	113.7	196.1	11.6	111.4	191.9	13.9	59.7	44.4	15.4	11.9	12.9	28.4	1.6	7.5	7.2	1.7
Slovak Republic	1515.1	1511.6	11992.5	4479.7	3168.3	473.3	3817.9	335.8	461.9	1622	1282.2	279.6	81.2	749.3	2673.4	131.5	466.3	68.2	271.8	158.9	3532.6	162.4	1182.8	259	2893.5	93.4	974.1	25.1	448.5	43.8	5844.1	461.7	213.6	341.1	3258.2	7.6	157.2	9.6	114.8	118.2	83.1	1	794.2	95.1	53.2	111.7	7.6	211.4	381.9	95.7	61.1	31.6	7.8	1.1	3.5	3.7	2.9
Chile	7841.5	13549.2	2191.7	1552.1	1114.5	5132.1	1886.2	1369.9	3134.1	1512.1	691.2	1425.1	1471.2	461.3	385	553.1	58.2	1352.2	2875.4	859.6	177.9	187.5	321.7	341.9	79.6	173	195.9	146.8	541.9	185.6	33.3	446.5	267.5	165.9	3.7	197.7	51.1	134.6	112.2	11	39.7	8.6	5.2	84	721.6	1	31.1	239.3	13.7	6.8	2.5	7.2	1.9	1.4	1.8	2.8	1.3
Greece	6985	1911.6	5426	2114.1	3711.3	648.5	3946.3	844.5	871.6	1113.6	481	667.8	71.8	996.2	1518.4	773.1	324.2	161.8	661.4	1476.8	584.8	511.5	718.7	2248.7	596.7	318.1	1622.9	1111	1143.7	382.9	385.9	376.8	1	345.8	257.3	548.8	295.7	7.3	341.6	117.7	791	297	1122.9	19.9	582.6	357.1	227.7	1673.5	237.4	28.8	7.3	9.5	1476.5	1.2	33.5	2.2	1
Philippines	8511.3	11821.6	1929.2	741.9	918.9	5821.4	439.3	819.9	2811.4	595.3	642	739.3	931.6	291.5	341.6	431.1	68.3	1513.9	1121.7	2271.9	133.6	413.8	211.6	726.9	118.3	1133	96.5	1582.9	274.4	521.2	86.5	396.5	38.3	68.5	151.5	581.7	18.1	446	85.8	9.6	77.7	21.7	11.9	1	54.3	45.5	71.1	16	9.3	1.5	1.5	3.9	2.9	8.5	4.2	1	6.7
Romania	1748.8	1181.6	7743.3	3779.9	1634.3	564.3	6387	387.4	512.1	1532	974.9	533.1	85.9	719.8	1354.6	64.2	282.5	55.1	359.6	298.9	864.3	223.6	311.8	582.2	1111.2	87.8	1884.3	22.2	289.3	65.6	512.4	687.6	815.2	157.6	1781.5	57.1	213.2	21.3	48.6	27.3	142.6	381.7	1	4.1	24.3	6.6	4.7	1115.7	259.9	32.6	17.7	12.6	51.6	1.3	6.9	3	1.6
New Zealand	3671.3	2853.3	1166.6	631.8	1531.1	2141.3	411.8	538	1111.9	715	344.8	717.1	318.5	282.6	162.8	6551.8	94.3	487	335.9	412.7	15.4	315.6	191.9	724.7	56.8	471.5	34.2	285.5	178.3	517.4	12.7	258.5	58.5	47.1	11.3	64.9	23.5	244	154.1	5.1	21.7	3.3	1.9	331.6	21.2	42.6	1	4.6	4.3	2.5	1.2	1.5	11.5	3	4.2	1	3.4
Slovenia	1187.8	454.6	4179.4	1876.7	587.8	331.3	2925.6	218.8	269	515.4	221.3	263.9	65.4	275.3	1111.5	51.7	243.2	17.4	115.1	167.5	611.3	91.8	255.5	153	1464.2	77.3	241.3	22	287.9	23.5	412.7	193.4	131.1	114	674.6	8.8	44.6	11.6	35.1	32	142.2	248	325.2	3.8	12.3	8.2	5.4	126.6	1	67.4	25.7	14.5	4.7	1.1	4	1.8	1.1
Bulgaria	1162.4	543	2377.8	931.3	673.3	385.2	1754.9	269.8	294.2	751.8	221.2	252.1	36.1	715.3	912.3	38	112	17	233.6	272	272.9	131.3	218.2	395.4	318.9	86	1247.3	18.7	141.3	69.6	147.2	175.7	1493.6	87.4	151.8	5.6	51.8	33.2	18.4	13.3	62.2	82.4	1182.7	7	11.4	13.1	4.5	1	71.2	24.7	13.8	5.4	58.1	1.9	3.3	1.3	1.3
Lithuania	1471.2	315.2	1892.7	897.9	859.4	297.9	418.8	292.6	171.2	517	317.8	354	75.8	235.5	1196.5	41	79.2	8.1	51.2	114.3	926.3	121.5	713.7	69.4	85.9	79.8	61.8	4.4	541.1	9.9	118.5	658.4	31.2	322.6	65.7	4.5	66.4	5.4	11.2	6.4	21.2	33	34.1	1.9	4.1	4.2	2.8	28.1	48	1	1491.6	655.6	3.2	1.1	1.6	12.6	1.2
Estonia	859.9	331.9	682.2	288	378.5	311.4	154	198.9	176.9	292.3	358.3	198.6	43.3	154.3	593.6	26.2	51.5	18.3	77.1	91.9	139.4	99.2	1113.1	44.8	51.9	57	39.4	7.8	323.2	9.9	37.5	426.9	16.1	1621.9	16.5	4.4	15.8	3.5	8.2	15.6	6.2	14.8	14.2	1.6	3.8	3.5	5.8	6.1	7.5	419.6	558.9	1	1.9	1.1	2.2	16.8	1.2
Latvia	913.7	313.5	743.5	242.9	649.7	268.1	137.9	152.9	188.8	331.3	161.2	342.4	31.1	161.9	494.4	4.2	51.9	3	72.2	235	183.2	117.7	821.7	85	41.3	7.5	31.5	9.5	312	16.9	42	317.3	12.6	241.6	22.1	1.9	7.2	3	4.4	4.7	112	43.1	19.9	1.3	61.5	6	5.8	4.9	4.2	965.5	1	363.1	1.8	1.3	1.6	12.6	1.1
Brunei Darussalam	888.9	361.3	51.6	19.5	211.5	2637.9	1.1	84.8	818.8	57.4	1	487.9	1.4	1.2	1	549.3	2.2	2.3	1.1	34.5	1	1	33.4	1.6	1	59.4	1.6	85.7	1.3	536.9	1	158.6	1.2	1	1	4	1.2	9.5	1.6	1.3	1.5	1	1.2	21.5	1.4	1.3	237.5	1.1	1	1.1	1.1	1	1.1	1	1	1	1
Iceland	813.2	252.3	717.7	197.6	818.3	294.5	29.8	123.2	117.1	331.5	481.3	153.5	5.8	79.3	64	11.9	89.2	14.6	16.5	1.4	59.8	87.5	91.6	32.2	14.1	47.7	6.9	5.2	82.4	1.3	44.7	291.9	5.9	37.8	5.9	1.7	25	8.5	4.1	49.1	13.1	17.6	1.5	1.1	1.4	5.9	5.5	3.4	1.8	12.7	2.3	2.2	1.4	1	9.6	1	1
Malta	816.8	467.3	494.1	321.8	469.1	295.2	254.8	191.6	181.8	234	59.5	183.9	61.6	91.2	14.2	15.6	12.6	38.2	73	115	22.3	115.2	93.2	81.6	16	113.9	78.5	18.6	21.3	5.8	7.8	115.8	9.5	39.1	8.5	12.3	11.4	1.1	11.8	2.4	7.4	3.9	38.5	1.1	2	2	1.4	6.4	2	1.7	1.2	1.9	45.5	1.1	1	1.8	1.2
Cambodia	2472.7	176.9	375.9	135.5	441.6	216.8	36.5	318.4	41.6	187.6	28.2	114.6	23.7	16.5	27.1	21.6	25.4	12.6	9	149.5	46	21.1	61.3	3.5	28.7	13.9	13.5	64.4	12.7	6.8	8.3	196.8	7	13	1.2	6.6	1.4	146.9	5.3	13.7	2.3	8	1	9.4	5.1	4.1	1.5	1.4	4.3	1.2	1.1	1.8	1.2	1	1.1	1.2	1.2
	<!DOCTYPE html>
	<html>
	<meta charset="utf-8">

	<!-- Example based on http://bl.ocks.org/mbostock/3887118 -->
	<!-- Tooltip example from http://www.d3noob.org/2013/01/adding-tooltips-to-d3js-graph.html -->

	<style>
	body {
	font-family: "HelveticaNeue-Light";
	font-size: 13px;
	}

	.label{
	font-size: 12px;
	}

	.d3-tip {
	line-height: 1;
	font-weight: bold;
	padding: 12px;
	background: rgba(0, 0, 0, 0.8);
	color: #fff;
	border-radius: 2px;
	}

	/* Creates a small triangle extender for the tooltip */
	.d3-tip:after {
	box-sizing: border-box;
	display: inline;
	font-size: 10px;
	width: 100%;
	line-height: 1;
	color: rgba(0, 0, 0, 0.8);
	content: "\25BC";
	position: absolute;
	text-align: center;
	}

	/* Style northward tooltips differently */
	.d3-tip.n:after {
	margin: -1px 0 0 0;
	top: 100%;
	left: 0;
	}
	</style>
	<body>
	<script src="http://d3js.org/d3.v3.min.js"></script>
	<script src="http://labratrevenge.com/d3-tip/javascripts/d3.tip.v0.6.3.js"></script>

	<script>
	var margin = {top: 100, right: 20, bottom: 30, left: 40},
	width = 990 - margin.left - margin.right,
	height = 900 - margin.top - margin.bottom,
	nested, formatNumber = d3.format(",d")

	var svg = d3.select("body").append("svg")
	.attr("width", width + margin.left + margin.right)
	.attr("height", height + margin.top + margin.bottom)
	.append("g")
	.attr("transform", "translate(" + margin.left + "," + margin.top + ")");

	var tip = d3.tip()
	.attr('class', 'd3-tip')
	.offset([-10, 0])
	.html(function(d) {
	return "<strong>Million USD:</strong> <span style='color:red'>" + formatNumber(Math.round(d)) + "</span>";
	})

	svg.call(tip);


	var color = d3.scale.quantile()
	.domain([1, 30000])
	.range(["#eee",'#0050fb', '#3367f4', '#447ded', '#4d92e6', '#4fa8df', '#82b3c3', '#b0bb9d', '#d1c275', '#ebca45', '#fcc707', '#fead15', '#fe911d', '#fd7321', '#fb4f24']);

	var scaledlegend = function(svg, qrange, ml,mt, Title){
	var margin = {top: 40, right: 10, bottom: 30, left: 10},
	width = 874 - margin.left - margin.right,
	height = 70 - margin.top - margin.bottom;

	var scope = qrange.map(function(d){ return Math.round(d/1000)*1000});

	var color = d3.scale.threshold()
	.domain(scope)
	.range(["",'#0050fb', '#3367f4', '#447ded', '#4d92e6', '#4fa8df', '#82b3c3', '#b0bb9d', '#d1c275', '#ebca45', '#fcc707', '#fead15', '#fe911d', '#fd7321', '#fb4f24'])

	var x = d3.scale.log()
	.domain(d3.extent(scope))
	.range([0, width]);

	var xAxis = d3.svg.axis()
	.scale(x)
	.orient("bottom")
	.tickSize(17,0)
	.tickValues(color.domain())
	.ticks(20, d3.format("s"));


	var g = svg.append("g")
	.attr("transform", "translate(" + ml + "," +mt + ")")
	.attr("class", "key")

	g.selectAll("rect")
	.data(color.range().map(function(d, i) {
	return {
	x0: i ? x(color.domain()[i - 1]) : x.range()[0],
	x1: i < color.domain().length ? x(color.domain()[i]) : x.range()[1],
	z: d
	};
	}))
	.enter().append("rect")
	.attr("height", 13)
	.attr("x", function(d) { return d.x0; })
	.attr("width", function(d) { return d.x1 - d.x0; })
	.style("fill", function(d) { return d.z; });

	g.attr("class","legend").call(xAxis).append("text")
	.attr("class", "caption")
	.attr("y", 45)
	.attr("x", width/2)
	.text(Title)
	.style("font-size", 16)
	.style("text-anchor", "middle")
	}

	d3.csv("2013_gross_trade.csv", function(error, data) {
	nested = d3.nest()
	.key(function(d) { return d.exporting_country; })
	.entries(data);

	var group = svg.selectAll(".row").data(nested).enter()
	.append("g")
	.attr("class", "group")
	.attr("transform", function(d, i) { return "translate(0," + (i*13) + ")"; })

	group.append("text")
	.attr("class", "label")
	.attr("x", 75)
	.attr("y", 4)
	.attr("dy", ".4em")
	.style("text-anchor", "end")
	.text(function(d) { return d.key; });

	group.selectAll(".box").data(function(d){
	var newdata = d3.values(d.values[0]);
	newdata.shift()
	return newdata
	})
	.enter().append("rect")
	.attr("transform", function(d, i) { return "translate("+(i*15 + 80)+",0)"; })
	.attr("x", function(d){ return 0})
	.attr("y", 0)
	.attr("width", 13)
	.attr("height", 12)
	.style("fill", function(d){ return color(+d)})
	.on('mouseover', tip.show)
	.on('mouseout', tip.hide)

	var importernames = d3.keys(nested[0].values[0])
	importernames.shift()
	var importers = svg.selectAll(".row").data(importernames).enter()
	.append("g")
	.attr("class", "group")
	.attr("transform", function(d, i) { return "translate("+(i*15 + 80 )+"," + -10 + ")rotate(-90)"; })

	importers.append("text")
	.attr("class", "label")
	.attr("x", -6)
	.attr("y", 5)
	.attr("dy", ".4em")
	.text(function(d) { return d; });

	scaledlegend(svg,color.quantiles(), 80, 740, "Gross Exports, Million USD")

	})

	d3.select(self.frameElement).style("height", (height + margin.top + margin.bottom) + "px");
	d3.select(self.frameElement).style("width", (width + margin.left + margin.right) + "px");
	</script>