index1.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>murder map</title>
    <script type="text/javascript" src="d3.v3.js"></script>
    <script src="http://d3js.org/topojson.v1.min.js"></script>
    <style type="text/css">
    

    </style>
  </head>
  <body>
    <script type="text/javascript">


            //Width and height
      var w = 950;
      var h = 500;

      var projection = d3.geo.albersUsa()
          .scale(1000)
          .translate([w/2, h/2]);

      //Define default path generator
      var path = d3.geo.path()
                  .projection(projection);

      //Create SVG element
      var svg = d3.select("body")
            .append("svg")
            .attr("width", w)
            .attr("height", h);


   //Load in GeoJSON data
        d3.json("us-states.json", function(json) {

        //Bind data and create one path per GeoJSON feature
        svg.selectAll("path")
           .data(json.features)
           .enter()
           .append("path")
           .attr("d", path)
           .style("fill","blue")
           .style("stroke","white");
    
      });
            
 
    </script>
  </body>
</html>