adjacence_correction_2019

<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <script src="https://d3js.org/d3.v5.min.js"></script>
  <style>
    body { margin:0;position:fixed;top:0;right:0;bottom:0;left:0; }
  </style>
</head>

<body>

}

var width = 960;
    var height = 500;
	  var margin = ({top: width/10, right: width/10, bottom: width/5, left: width/5})

var svg = d3.select("body")
        .append("svg")
        .attr("width", width )
        .attr( "height", height );

var tooltip = d3.select('body').append('div')
        .attr('class', 'hidden tooltip');

d3.csv("noeuds.csv")
    	.then(function(nodes) {
				d3.csv("liens.csv")
          .then(function(edges) {
          
          matrix = createAdjacencyMatrix(nodes, edges);

var max_val = d3.max(
            	edges.map(function (el) {return el.sharedfollowers})
          );
          console.log (max_val)

var color = d3.scaleQuantize() //scaleLinear()
          							.domain([0, max_val])
          							.range(d3.schemeBlues[9]);

var matriceElt = d3.select("svg")
            .append("g")
            .attr("transform", "translate(50,50)")
            .attr("id", "adjacencyMatrix");

var highlightColumn = 
              d3.select("svg").append("rect")
                .attr("transform", "translate(50,50)")
                .attr("width", 25)
                .attr("height", nodes.length*25)
                .attr("x", 0)
                .attr("y", 0)
		            .style("stroke", "black")
		            .style("stroke-opacity", "100%")
			          .style("stroke-width", "0px")
                .style("fill-opacity", "0%");

var scaleSize = nodes.length * 25;

x = d3.scaleBand()
                .domain(nodes.map(function (el) {return el.id}))
                .range([0, scaleSize])
          y = d3.scaleBand()
                .domain(nodes.map(function (el) {return el.id}))//.reverse())
                .range([scaleSize, 0])

d3.select("#adjacencyMatrix")
            .append("g")
//       			.call(xAxis)
				    .attr("transform", `translate(0,${scaleSize})`)
				    .call(d3.axisBottom(x))          
            .selectAll("text")
            .attr("transform", "translate(15,15) rotate(45)");
          
					d3.select("#adjacencyMatrix")
            .append("g")
//            .call(yAxis);
            .call(d3.axisLeft(y).tickSize(4))

})
    })

</script>
</body>

</html>

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