Hurricanes

_.md

[ Launch: Hurricanes ] e9758eb0a570d821c966 by danharr

config.json

{"description":"Hurricanes","endpoint":"","display":"svg","public":true,"require":[],"fileconfigs":{"inlet.js":{"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},"style.css":{"default":true,"vim":false,"emacs":false,"fontSize":12},"wind.json":{"default":true,"vim":false,"emacs":false,"fontSize":12}},"fullscreen":false,"play":false,"loop":false,"restart":false,"autoinit":true,"pause":true,"loop_type":"pingpong","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01,"ajax-caching":true,"thumbnail":"http://i.imgur.com/E1aXqGV.png"}

inlet.js

var w = 500;
var h = 500;


    
 var geo = tb.wind;
    
    



  var aProjection = d3.geo.mercator().scale(842) 
       .translate([1426, 875 ]) ; 
  var geoPath = d3.geo.path().projection(aProjection); 
  
  
  d3.select("svg").selectAll("path").data(geo.features)
   .enter()
   .append("path")
   .attr("d", geoPath) 
   .attr("class", "countries");
   
    

style.css

path.countries {
          stroke-width: 1.84;
          stroke: none;
          opacity: 0.36;
          fill: #0081c1;
}
     circle.cities {
          stroke-width: 1.4;
          stroke: black;
          fill: white;
     }
     circle.centroid {
          fill: red;
} pointer-events: none;
     rect.bbox {
          fill: none;
          stroke-dasharray: 5 5;
          stroke: black;
          stroke-width: 2;
          pointer-events: none;
}
     path.graticule {
          fill: none;
          stroke-width: 1;
          stroke: black;
     }
     path.graticule.outline {
          stroke: black;
     }

wind.json