tp4

<script>

   var width = 700, height = 580;

   var svg = d3.select( "body" ).append( "svg" )

         .attr( "width", width )

         .attr( "height", height );

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

   var projection = d3.geoAlbersUsa()

         .translate([width/2, height/2]).scale([500]);

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

   // On definit une echelle de couleur

   var color = d3.scaleQuantize()  

         .range(["rgb(237,248,233)", "rgb(186,228,179)",

         "rgb(116,196,118)", "rgb(49,163,84)", "rgb(0,109,44)"]);

   // Chargement des donnees

   d3.csv("GrippeFrance2014.csv", function(data) {

         //Set input domain for color scale

         color.domain([

             d3.min(data, function(d) { return d.value; }), 

             d3.max(data, function(d) { return d.value; })

         ]);

         d3.json("us-states.json", function(json) {

                   //On fusionne les donnees avec le GeoJSON

        for (var i = 0; i < data.length; i++) {

            //Nom de l'etat

            var dataState = data[i].state;

            //Valeur associee a l'etat

            var dataValue = parseFloat(data[i].value);

            //Recherche de l'etat dans le GeoJSON

            for (var j = 0; j < json.features.length; j++) {

                var jsonState = json.features[j].properties.name;

                if (dataState == jsonState) {

                    //On injecte la valeur de l'Etat dans le json

                    json.features[j].properties.value = dataValue;

                    //Pas besoin de chercher plus loin

                    break;

                }

            }

        }

                g.selectAll("path")

            .data(json.features)

            .enter()

            .append("path")

            .attr("d", path)

            .style("fill", function(d) {

                //on prend la valeur recuperee plus haut

                var value = d.properties.value;

                if (value) {

                    return color(value);

                } else { 

                    // si pas de valeur alors en gris

                    return "#ccc";

                }

            });