TP4

forked from aurelient's block:

<head>
  <meta charset="utf-8">
  <script src="https://d3js.org/d3.v4.min.js"></script>
  <style>
    body { margin:0;position:fixed;top:0;right:0;bottom:0;left:0; }
    div.tooltip {
				color: #222;
				background-color: #fff;
				padding: .5em;
				text-shadow: #f5f5f5 0 1px 0;
				border-radius: 2px;
				opacity: 0.9;
				position: absolute;
		}
  </style>
</head>

<body>
  
<div>
  <input id="slider" type="range" value="1" min="1" max="52" step="1" />
 week = <span id="num-sem">…</span></div>
	
  <script>
		var width = 700,
  		  height = 580;

var svg = d3.select( "body" )
  		.append( "svg" )
		  .attr( "width", width )
		  .attr( "height", height );
    
    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)"]);
    
    
       var tooltip = d3.select('body').append('div')
			.attr('class', 'hidden tooltip');
    
		
    //On centre sur la France
    var projection = d3.geoConicConformal()
    			.center([2.454071, 46.279229]).scale(2300)
    			//.translate([width/2, height/2]);

var path = d3.geoPath() // d3.geo.path avec d3 version 3
                 .projection(projection);
    
		update(3);

// when the input range changes update the circle 
d3.select("#slider").on("input", function() {
  update(+this.value);
});

function update(slider) {

//console.log(d3.select("#slider").node().value)

d3.select("#num-sem").text(d3.select("#slider").node().value);
  d3.select("#num-sem").property("value", d3.select("#slider").node().value);

d3.csv("GrippeFrance2014.csv", function(data) {
      color.domain([0, 200]);
    //Chargement des données de la France

//liste des date pour recupere donne quand le slider changera 
       var datesem = Object.keys(data[0]); 
     // console.log(datesem)
      //  console.log(datesem[2]) // date pour le slider
    //console.log(Object.keys(data[0]));
			d3.json("france.json", function(json) {
			for (var i = 0; i < data.length; i++) {
        var dataRegion =Object.values(data[i])[0];
        console.log(Object.values(data[i]));

https://d3js.org/d3.v4.min.js