Built with blockbuilder.org
forked from nbonneel's block: TP 6 DataViz
forked from anonymous's block: TP 6 DataViz
xxxxxxxxxx
<meta charset="utf-8">
<style>
.links line {
stroke: #999;
stroke-opacity: 0.6;
}
.nodes circle {
stroke: #fff;
stroke-width: 1.5px;
}
</style>
<svg width="960" height="600"></svg>
<script src="https://d3js.org/d3.v4.min.js"></script>
<script>
var svg = d3.select("svg"),
width = +svg.attr("width"),
height = +svg.attr("height");
var color = d3.scaleOrdinal(d3.schemeCategory20);
var simulation = d3.forceSimulation()
.force("link", d3.forceLink().id(function(d) { return d.id; }))
.force("charge", d3.forceManyBody())
.force("center", d3.forceCenter(width / 2, height / 2));
d3.json("scrutins.json", function(error, graph) {
if (error) throw error;
//reference parti
//console.log(graph.scrutins.scrutin[0].ventilationVotes.organe.groupes.groupe[0].organeRef);
//reference acteur
//console.log(graph.scrutins.scrutin[0].ventilationVotes.organe.groupes.groupe[0].vote.decompteNominatif.pours.votant[0].acteurRef);
//********************liste de tous les acteurs qui ont votés pour ou contre
var maMap = new Map();
graph.scrutins.scrutin.forEach( function (scrut)
{
var valeurs=[];
var Clé = scrut.uid;
if (scrut.dateScrutin.includes("2015")){
var groupes=scrut.ventilationVotes.organe.groupes.groupe;
groupes.forEach( function (groupe){
//acteur qui ont voté pour
if (groupe.vote.decompteNominatif.pours!=null){
if (groupe.vote.decompteNominatif.pours.votant!=null){
var votant=groupe.vote.decompteNominatif.pours.votant;
if (votant.acteurRef===undefined )
{
votant.forEach( function (v){
var ObjectValeur= {acteur: v.acteurRef, vote:1};
valeurs.push(ObjectValeur);
});
}
else {
var ObjectValeur= {acteur: votant.acteurRef, vote:1};
valeurs.push(ObjectValeur);
}}}
//acteurs qui ont voté contre
if (groupe.vote.decompteNominatif.contres!=null){
if (groupe.vote.decompteNominatif.contres.votant!=null){
var votant=groupe.vote.decompteNominatif.contres.votant;
if (votant.acteurRef===undefined )
{
votant.forEach( function (v){
var ObjectValeur= {acteur: v.acteurRef, vote:0};
valeurs.push(ObjectValeur);
});
}
else {
var ObjectValeur= {acteur: votant.acteurRef, vote:0};
valeurs.push(ObjectValeur);
}}}
});
maMap.set(Clé,valeurs);
}
});
//***********************************************
//On a un dictionnaire de la forme dic[scrutin]=>{acteur, vote} (avec vote=1 ou 0)
//Nombre d'elements= 213
console.log("taille= "+ maMap.size);
//console.log(maMap);
//*********************identifier les acteurs qui ont des votes conjoints
var maMapR = new Map();
var i,j;
for (var [clé, valeur] of maMap) { //pour chaque scrutin
var acteurs0=[];
var acteurs1=[];
for (i = 0; i < valeur.length-1; i++) {
if (valeur[i].vote==0) {acteurs0.push(valeur[i].acteur);}
else {acteurs1.push(valeur[i].acteur);}
}
for (i = 0; i < acteurs0.length-1; i++) {
for (j = i+1; j < acteurs0.length; j++) {
if (acteurs1[i] != acteurs1[j]){
var cleObject ={};
cleObject= {acteur1: acteurs0[i], acteur2: acteurs0[j]};
var toString =JSON.stringify(cleObject);
var nombreV;
if (typeof(maMapR.get(toString)) == 'undefined'){nombreV=1;}
else {nombreV=maMapR.get(toString)+1;
}
maMapR.set(toString,nombreV);
}
}
}
for (i = 0; i < acteurs1.length-1; i++) {
for (j = i+1; j < acteurs1.length; j++) {
if (acteurs1[i] != acteurs1[j]){
var cleObject = {};
cleObject={acteur1: acteurs1[i], acteur2: acteurs1[j]};
var toString =JSON.stringify(cleObject);
var nombreV;
if (typeof(maMapR.get(toString)) == 'undefined'){nombreV=1;}
else {nombreV=nombreV=maMapR.get(toString)+1;}
maMapR.set(toString,nombreV);
}}}
}
// console.log(maMapR);
console.log(maMapR.size);
//****************ne garder que les paires avec N>20
var ArrayNodes=[];
var ArrayLinks=[];
//construire le tableau des nodes Array[Objects]
for (var [clé, valeur] of maMapR.entries()) {
if (valeur>=20){
var acteur1 ={id: JSON.parse(clé).acteur1, groupe:1};
var acteur2 ={id: JSON.parse(clé).acteur2, groupe:1};
var link={source:JSON.parse(clé).acteur1 , target: JSON.parse(clé).acteur2, value:valeur };
ArrayNodes.push(acteur1);
ArrayNodes.push(acteur2);
ArrayLinks.push(link);
//newMap.set(clé, valeur);
}}
// suppression des doublons
var cache = {};
ArrayNodes = ArrayNodes.filter(function(elem,index,array){
return cache[elem.id]?0:cache[elem.id]=1;
});
console.log(ArrayLinks);
//structure du graphes
grapheVotes={nodes:ArrayNodes, links:ArrayLinks};
var link = svg.append("g")
.attr("class", "links")
.selectAll("line")
.data(grapheVotes.links)
.enter().append("line")
.attr("stroke-width", function(d) { return Math.sqrt(d.value); });
var node = svg.append("g")
.attr("class", "nodes")
.selectAll("circle")
.data(grapheVotes.nodes)
.enter().append("circle")
.attr("r", 5)
.attr("fill", function(d) { return color(d.group); })
.call(d3.drag()
.on("start", dragstarted)
.on("drag", dragged)
.on("end", dragended));
node.append("title")
.text(function(d) { return d.id; });
simulation
.nodes(grapheVotes.nodes)
.on("tick", ticked);
simulation.force("link")
.links(grapheVotes.links);
function ticked() {
link
.attr("x1", function(d) { return d.source.x; })
.attr("y1", function(d) { return d.source.y; })
.attr("x2", function(d) { return d.target.x; })
.attr("y2", function(d) { return d.target.y; });
node
.attr("cx", function(d) { return d.x; })
.attr("cy", function(d) { return d.y; });
}
});
function dragstarted(d) {
if (!d3.event.active) simulation.alphaTarget(0.3).restart();
d.fx = d.x;
d.fy = d.y;
}
function dragged(d) {
d.fx = d3.event.x;
d.fy = d3.event.y;
}
function dragended(d) {
if (!d3.event.active) simulation.alphaTarget(0);
d.fx = null;
d.fy = null;
}
</script>
https://d3js.org/d3.v4.min.js