Attaque défense expérience , les forces et les faiblesses des 24 équipes de l’Euro de football
France-Roumanie, Allemagne-Ukraine, Belgique-Italie’ préparez tous les matchs avec les statistiques de chacune des équipes, même celles qui ne sont pas dans le même groupe.
A vous de jouer :
Pronostiquez les matchs de l’Euro 2016 et partagez-les avec vos amis
Avec une note d’attaque, de défense, d’expérience, d’invincibilité et de « forme » (les cinq derniers matchs), évaluez chacune des équipes en lice. Chaque note fait dessiner une forme géométrique à l’infographie ci-dessous ; plus celle-ci est étendue (et proche de la forme d’un pentagone parfait), plus l’équipe en question est « forte » et régulière.
»
} else if (d.axis == « invincibilite ») {
htmldetail = «
Soit » + (detail_chiffre * 10).toFixed(0) + » % de matchs sans défaite
»
} else if (d.axis == « selections ») {
htmldetail = «
Soit » + detail_chiffreok + » sélections cumulées chez les 23 joueurs sélectionnés
»
} else {
htmldetail = « »
}
html = « »
// la note
html += «
» + dico[d.axis] + «
»
html += «
» + String(d.value).replace(« . », « , ») + «
»
html += « »
html += «
10
»
html += « »
// les infos détaillées
html += « »
html += htmldetail
html += « »
return html
});
series++;
});
// //Tooltip
// tooltip = g.append(‘text’)
// .style(‘opacity’, 0)
// .style(‘font-family’, ‘sans-serif’)
// .style(‘font-size’, ’13px’);
}
};
////////////////////////// Début du script perso /////////////////////////
// nos gentilles variables
var largeur = $(« #infog_dcdr »).width(),
w = (largeur / 10) * 8,
decal = (largeur / 10),
h = w,
explications = $(« #infog_dcdr .explications »).height() + 30;
// on retaille
$(« #infog_dcdr »).css(« height », h + explications + 120)
// On récupère les valeurs
$(‘#selectionpays #pays1’).on(‘change’, function() {
paysun = $(this).val()
window.location.hash = paysun+ »-« +paysdeux
dessinerEncore(paysun, paysdeux)
});
$(‘#selectionpays #pays2’).on(‘change’, function() {
paysdeux = $(this).val()
window.location.hash = paysun+ »-« +paysdeux
dessinerEncore(paysun, paysdeux)
});
var colorscale = [« #0386c3 », « #ff3232 »];
// Nos données
var dico = { « attaque »: « attaque », « defense »: « défense », « invincibilite »: « invincibilité », « forme »: « 5 derniers matchs », « selections »: « expérience » };
var diconote = { « attaque »: « d’attaque », « defense »: « de défense », « invincibilite »: « d’invincibilité », « forme »: « des 5 derniers matchs », « selections »: « d’expérience » };
var detailspays = { « albanie »: { « forme_detail »: 6, « selections_detail »: 515, « invincibilite_detail »: 7.5, « attaque_detail »: 1.3, « defense_detail »: 0.8, « classement_detail »: 42 }, « allemagne »: { « forme_detail »: 6, « selections_detail »: 939, « invincibilite_detail »: 6.4, « attaque_detail »: 2.2, « defense_detail »: 1.3, « classement_detail »: 4 }, « angleterre »: { « forme_detail »: 12, « selections_detail »: 516, « invincibilite_detail »: 8.8, « attaque_detail »: 2.6, « defense_detail »: 0.7, « classement_detail »: 11 }, « autriche »: { « forme_detail »: 9, « selections_detail »: 688, « invincibilite_detail »: 9.2, « attaque_detail »: 2.1, « defense_detail »: 0.7, « classement_detail »: 10 }, « belgique »: { « forme_detail »: 12, « selections_detail »: 717, « invincibilite_detail »: 8.5, « attaque_detail »: 2.3, « defense_detail »: 0.7, « classement_detail »: 2 }, « croatie »: { « forme_detail »: 13, « selections_detail »: 741, « invincibilite_detail »: 9.3, « attaque_detail »: 1.9, « defense_detail »: 0.5, « classement_detail »: 27 }, « espagne »: { « forme_detail »: 9, « selections_detail »: 962, « invincibilite_detail »: 9.3, « attaque_detail »: 2.1, « defense_detail »: 0.4, « classement_detail »: 6 }, « france »: { « forme_detail »: 12, « selections_detail »: 597, « invincibilite_detail »: 8.7, « attaque_detail »: 2.0, « defense_detail »: 0.9, « classement_detail »: 17 }, « hongrie »: { « forme_detail »: 8, « selections_detail »: 667, « invincibilite_detail »: 8.3, « attaque_detail »: 1.0, « defense_detail »: 0.8, « classement_detail »: 20 }, « irlande »: { « forme_detail »: 8, « selections_detail »: 960, « invincibilite_detail »: 8.5, « attaque_detail »: 1.6, « defense_detail »: 0.9, « classement_detail »: 33 }, « irlandedunord »: { « forme_detail »: 11, « selections_detail »: 729, « invincibilite_detail »: 9.3, « attaque_detail »: 1.6, « defense_detail »: 0.6, « classement_detail »: 25 }, « islande »: { « forme_detail »: 6, « selections_detail »: 447, « invincibilite_detail »: 6.7, « attaque_detail »: 1.7, « defense_detail »: 1.1, « classement_detail »: 34 }, « italie »: { « forme_detail »: 5, « selections_detail »: 727, « invincibilite_detail »: 8.7, « attaque_detail »: 1.5, « defense_detail »: 1.1, « classement_detail »: 12 }, « paysdegalles »: { « forme_detail »: 4, « selections_detail »: 720, « invincibilite_detail »: 7.7, « attaque_detail »: 1.1, « defense_detail »: 0.7, « classement_detail »: 26 }, « pologne »: { « forme_detail »: 15, « selections_detail »: 656, « invincibilite_detail »: 9.3, « attaque_detail »: 3.3, « defense_detail »: 1.0, « classement_detail »: 27 }, « portugal »: { « forme_detail »: 9, « selections_detail »: 814, « invincibilite_detail »: 6.7, « attaque_detail »: 1.3, « defense_detail »: 0.7, « classement_detail »: 8 }, « republiquetcheque »: { « forme_detail »: 7, « selections_detail »: 821, « invincibilite_detail »: 7.3, « attaque_detail »: 2.1, « defense_detail »: 1.3, « classement_detail »: 30 }, « roumanie »: { « forme_detail »: 6, « selections_detail »: 515, « invincibilite_detail »: 9.3, « attaque_detail »: 1.1, « defense_detail »: 0.6, « classement_detail »: 22 }, « russie »: { « forme_detail »: 9, « selections_detail »: 734, « invincibilite_detail »: 7.1, « attaque_detail »: 2.0, « defense_detail »: 0.9, « classement_detail »: 29 }, « slovaquie »: { « forme_detail »: 11, « selections_detail »: 833, « invincibilite_detail »: 7.5, « attaque_detail »: 2.3, « defense_detail »: 1.3, « classement_detail »: 24 }, « suede »: { « forme_detail »: 6, « selections_detail »: 816, « invincibilite_detail »: 8.0, « attaque_detail »: 1.4, « defense_detail »: 0.9, « classement_detail »: 35 }, « suisse »: { « forme_detail »: 3, « selections_detail »: 699, « invincibilite_detail »: 5.3, « attaque_detail »: 1.9, « defense_detail »: 1.1, « classement_detail »: 15 }, « turquie »: { « forme_detail »: 10, « selections_detail »: 648, « invincibilite_detail »: 7.5, « attaque_detail »: 1.4, « defense_detail »: 0.9, « classement_detail »: 18 }, « ukraine »: { « forme_detail »: 13, « selections_detail »: 814, « invincibilite_detail »: 7.7, « attaque_detail »: 1.5, « defense_detail »: 0.5, « classement_detail »: 19 } };
var statspays = { « albanie »: { « attaque »: 4.0, « selections »: 5.4, « invincibilite »: 7.5, « forme »: 4.0, « defense »: 6 }, « allemagne »: { « attaque »: 6.7, « selections »: 9.8, « invincibilite »: 6.4, « forme »: 4.0, « defense »: 2 }, « angleterre »: { « attaque »: 7.8, « selections »: 5.4, « invincibilite »: 8.8, « forme »: 8.0, « defense »: 7 }, « autriche »: { « attaque »: 6.3, « selections »: 7.2, « invincibilite »: 9.2, « forme »: 6.0, « defense »: 7 }, « belgique »: { « attaque »: 7.0, « selections »: 7.5, « invincibilite »: 8.5, « forme »: 8.0, « defense »: 7 }, « croatie »: { « attaque »: 5.8, « selections »: 7.7, « invincibilite »: 9.3, « forme »: 8.7, « defense »: 9 }, « espagne »: { « attaque »: 6.3, « selections »: 10.0, « invincibilite »: 9.3, « forme »: 6.0, « defense »: 10 }, « france »: { « attaque »: 6.1, « selections »: 6.2, « invincibilite »: 8.7, « forme »: 8.0, « defense »: 5 }, « hongrie »: { « attaque »: 3.0, « selections »: 6.9, « invincibilite »: 8.3, « forme »: 5.3, « defense »: 6 }, « irlande »: { « attaque »: 4.9, « selections »: 10.0, « invincibilite »: 8.5, « forme »: 5.3, « defense »: 5 }, « irlandedunord »: { « attaque »: 4.8, « selections »: 7.6, « invincibilite »: 9.3, « forme »: 7.3, « defense »: 8 }, « islande »: { « attaque »: 5.1, « selections »: 4.7, « invincibilite »: 6.7, « forme »: 4.0, « defense »: 3 }, « italie »: { « attaque »: 4.4, « selections »: 7.6, « invincibilite »: 8.7, « forme »: 3.3, « defense »: 3 }, « paysdegalles »: { « attaque »: 3.3, « selections »: 7.5, « invincibilite »: 7.7, « forme »: 2.7, « defense »: 7 }, « pologne »: { « attaque »: 10.0, « selections »: 6.8, « invincibilite »: 9.3, « forme »: 10.0, « defense »: 4 }, « portugal »: { « attaque »: 3.8, « selections »: 8.5, « invincibilite »: 6.7, « forme »: 6.0, « defense »: 7 }, « republiquetcheque »: { « attaque »: 6.3, « selections »: 8.6, « invincibilite »: 7.3, « forme »: 4.7, « defense »: 2 }, « roumanie »: { « attaque »: 3.4, « selections »: 5.4, « invincibilite »: 9.3, « forme »: 4.0, « defense »: 8 }, « russie »: { « attaque »: 6.1, « selections »: 7.6, « invincibilite »: 7.1, « forme »: 6.0, « defense »: 5 }, « slovaquie »: { « attaque »: 6.8, « selections »: 8.7, « invincibilite »: 7.5, « forme »: 7.3, « defense »: 2 }, « suede »: { « attaque »: 4.2, « selections »: 8.5, « invincibilite »: 8.0, « forme »: 4.0, « defense »: 5 }, « suisse »: { « attaque »: 5.9, « selections »: 7.3, « invincibilite »: 5.3, « forme »: 2.0, « defense »: 3 }, « turquie »: { « attaque »: 4.2, « selections »: 6.8, « invincibilite »: 7.5, « forme »: 6.7, « defense »: 5 }, « ukraine »: { « attaque »: 4.4, « selections »: 8.5, « invincibilite »: 7.7, « forme »: 8.7, « defense »: 9 } };
var mycfg = {
w: w,
h: h,
TranslateX: decal,
}
// On lance avec les premiers pays au chargement
dessinerEncore(paysun, paysdeux);
function dessinerEncore(pa, pb) {
// on réactive toutes les options
$(‘#infog_dcdr #selectionpays option’).prop(« disabled », false)
$(‘#infog_dcdr #selectionpays #’ + pb + ‘1’).prop(« disabled », true)
$(‘#infog_dcdr #selectionpays #’ + pb + ‘2’).prop(« selected », true)
$(‘#infog_dcdr #selectionpays #’ + pa + ‘2’).prop(« disabled », true)
$(‘#infog_dcdr #selectionpays #’ + pa + ‘1’).prop(« selected », true)
numeroun = statspays[paysun],
numerodeux = statspays[paysdeux],
tablo1 = [],
tablo2 = [],
donnees = [];
$.each(numeroun, function(i, d) {
tablo1.push({
« axis »: i,
« value »: d
});
})
$.each(numerodeux, function(i, d) {
tablo2.push({
« axis »: i,
« value »: d
});
})
donnees.push(tablo1, tablo2)
creerLegende();
$(« #graphepolaire polygon »).remove()
RadarChart.draw(« #graphepolaire », donnees, mycfg);
// Notre tooltip
$(« #infog_dcdr circle »).tooltip({
show: {
effect: « fade »,
duration: 0
},
hide: {
effect: « fade »,
duration: 0
},
items: « circle, .selecteur »,
track: true,
tooltipClass: « tooltipdecodeurs »,
position: {
my: ‘left-30 top+50’,
at: ‘right+10 center’
},
content: function() {
return $(this).attr(« title »)
}
});
}
//Call function to draw the Radar chart
//Will expect that data is in %’s
creerLegende();
RadarChart.draw(« #graphepolaire », donnees, mycfg);
////////////////////////////////////////////
///////////// L’infog et la légende //////
////////////////////////////////////////////
var svg = d3.select(‘#infog_dcdr’)
.selectAll(‘svg’)
.append(‘svg’)
.attr(« width », largeur)
.attr(« height », h)
function creerLegende() {
html = «
» + correspondancepays[paysun] + » ( » + detailspays[paysun].classement_detail + « e au classement FIFA)
»
html += «
» + correspondancepays[paysdeux] + » ( » + detailspays[paysdeux].classement_detail + « e au classement FIFA)
»
$(« #infog_dcdr #legendepolaire »).html(html)
}
// Notre tooltip
$(« #infog_dcdr circle »).tooltip({
show: {
effect: « fade »,
duration: 0
},
hide: {
effect: « fade »,
duration: 0
},
items: « circle, .selecteur »,
track: true,
tooltipClass: « tooltipdecodeurs »,
position: {
my: ‘left-30 top+50’,
at: ‘right+10 center’
},
content: function() {
return $(this).attr(« title »)
}
});
});
Si vous souhaitez partager cet article avec deux équipes en particulier, l’adresse de la page se modifie en fonction des équipes choisies et garde le dernier couple que vous avez choisi.