Chord Viz of all the goals in 2015-2016 EPL.
Interaction: hover mouse over a team to transition chords.
Part of a series of examples on Chord diagram using VizJS
license: gpl-3.0 |
<!DOCTYPE html> | |
<meta charset="utf-8"> | |
<style> | |
body { | |
font: 10px sans-serif; | |
} | |
svg text{ | |
fill:grey; | |
font-size:11px; | |
} | |
svg .values text{ | |
pointer-events:none; | |
stroke-width: 0.5px; | |
} | |
.groups:hover{ | |
cursor:pointer; | |
font-weight:bold; | |
} | |
</style> | |
<body> | |
<script src="https://d3js.org/d3.v4.min.js"></script> | |
<script src="http://vizjs.org/viz.v1.1.0.min.js"></script> | |
<script> | |
var data = [['Arsenal','Aston Villa',6] | |
,['Arsenal','Bournemouth',4] | |
,['Arsenal','Chelsea',0] | |
,['Arsenal','Crystal Palace',3] | |
,['Arsenal','Everton',4] | |
,['Arsenal','Leicester City',7] | |
,['Arsenal','Liverpool',3] | |
,['Arsenal','Manchester City',4] | |
,['Arsenal','Manchester Utd',5] | |
,['Arsenal','Newcastle Utd',2] | |
,['Arsenal','Norwich City',2] | |
,['Arsenal','Southampton',0] | |
,['Arsenal','Stoke City',2] | |
,['Arsenal','Sunderland',3] | |
,['Arsenal','Swansea City',4] | |
,['Arsenal','Tottenham',3] | |
,['Arsenal','Watford',7] | |
,['Arsenal','West Bromwich',3] | |
,['Arsenal','West Ham Utd',3] | |
,['Aston Villa','Arsenal',0] | |
,['Aston Villa','Bournemouth',2] | |
,['Aston Villa','Chelsea',0] | |
,['Aston Villa','Crystal Palace',2] | |
,['Aston Villa','Everton',1] | |
,['Aston Villa','Leicester City',3] | |
,['Aston Villa','Liverpool',2] | |
,['Aston Villa','Manchester City',0] | |
,['Aston Villa','Manchester Utd',0] | |
,['Aston Villa','Newcastle Utd',1] | |
,['Aston Villa','Norwich City',2] | |
,['Aston Villa','Southampton',3] | |
,['Aston Villa','Stoke City',1] | |
,['Aston Villa','Sunderland',3] | |
,['Aston Villa','Swansea City',1] | |
,['Aston Villa','Tottenham',1] | |
,['Aston Villa','Watford',4] | |
,['Aston Villa','West Bromwich',0] | |
,['Aston Villa','West Ham Utd',1] | |
,['Bournemouth','Arsenal',0] | |
,['Bournemouth','Aston Villa',2] | |
,['Bournemouth','Chelsea',2] | |
,['Bournemouth','Crystal Palace',2] | |
,['Bournemouth','Everton',4] | |
,['Bournemouth','Leicester City',1] | |
,['Bournemouth','Liverpool',1] | |
,['Bournemouth','Manchester City',1] | |
,['Bournemouth','Manchester Utd',3] | |
,['Bournemouth','Newcastle Utd',3] | |
,['Bournemouth','Norwich City',4] | |
,['Bournemouth','Southampton',2] | |
,['Bournemouth','Stoke City',2] | |
,['Bournemouth','Sunderland',3] | |
,['Bournemouth','Swansea City',5] | |
,['Bournemouth','Tottenham',1] | |
,['Bournemouth','Watford',1] | |
,['Bournemouth','West Bromwich',3] | |
,['Bournemouth','West Ham Utd',5] | |
,['Chelsea','Arsenal',3] | |
,['Chelsea','Aston Villa',6] | |
,['Chelsea','Bournemouth',4] | |
,['Chelsea','Crystal Palace',4] | |
,['Chelsea','Everton',4] | |
,['Chelsea','Leicester City',2] | |
,['Chelsea','Liverpool',2] | |
,['Chelsea','Manchester City',0] | |
,['Chelsea','Manchester Utd',1] | |
,['Chelsea','Newcastle Utd',7] | |
,['Chelsea','Norwich City',3] | |
,['Chelsea','Southampton',3] | |
,['Chelsea','Stoke City',1] | |
,['Chelsea','Sunderland',5] | |
,['Chelsea','Swansea City',2] | |
,['Chelsea','Tottenham',2] | |
,['Chelsea','Watford',2] | |
,['Chelsea','West Bromwich',5] | |
,['Chelsea','West Ham Utd',3] | |
,['Crystal Palace','Arsenal',2] | |
,['Crystal Palace','Aston Villa',2] | |
,['Crystal Palace','Bournemouth',1] | |
,['Crystal Palace','Chelsea',2] | |
,['Crystal Palace','Everton',1] | |
,['Crystal Palace','Leicester City',0] | |
,['Crystal Palace','Liverpool',3] | |
,['Crystal Palace','Manchester City',0] | |
,['Crystal Palace','Manchester Utd',0] | |
,['Crystal Palace','Newcastle Utd',5] | |
,['Crystal Palace','Norwich City',4] | |
,['Crystal Palace','Southampton',2] | |
,['Crystal Palace','Stoke City',4] | |
,['Crystal Palace','Sunderland',2] | |
,['Crystal Palace','Swansea City',1] | |
,['Crystal Palace','Tottenham',1] | |
,['Crystal Palace','Watford',2] | |
,['Crystal Palace','West Bromwich',4] | |
,['Crystal Palace','West Ham Utd',3] | |
,['Everton','Arsenal',1] | |
,['Everton','Aston Villa',7] | |
,['Everton','Bournemouth',5] | |
,['Everton','Chelsea',6] | |
,['Everton','Crystal Palace',1] | |
,['Everton','Leicester City',3] | |
,['Everton','Liverpool',1] | |
,['Everton','Manchester City',0] | |
,['Everton','Manchester Utd',0] | |
,['Everton','Newcastle Utd',4] | |
,['Everton','Norwich City',4] | |
,['Everton','Southampton',4] | |
,['Everton','Stoke City',6] | |
,['Everton','Sunderland',6] | |
,['Everton','Swansea City',1] | |
,['Everton','Tottenham',1] | |
,['Everton','Watford',3] | |
,['Everton','West Bromwich',3] | |
,['Everton','West Ham Utd',3] | |
,['Leicester City','Arsenal',3] | |
,['Leicester City','Aston Villa',4] | |
,['Leicester City','Bournemouth',1] | |
,['Leicester City','Chelsea',3] | |
,['Leicester City','Crystal Palace',2] | |
,['Leicester City','Everton',6] | |
,['Leicester City','Liverpool',2] | |
,['Leicester City','Manchester City',3] | |
,['Leicester City','Manchester Utd',2] | |
,['Leicester City','Newcastle Utd',4] | |
,['Leicester City','Norwich City',3] | |
,['Leicester City','Southampton',3] | |
,['Leicester City','Stoke City',5] | |
,['Leicester City','Sunderland',6] | |
,['Leicester City','Swansea City',7] | |
,['Leicester City','Tottenham',2] | |
,['Leicester City','Watford',3] | |
,['Leicester City','West Bromwich',5] | |
,['Leicester City','West Ham Utd',4] | |
,['Liverpool','Arsenal',3] | |
,['Liverpool','Aston Villa',9] | |
,['Liverpool','Bournemouth',3] | |
,['Liverpool','Chelsea',4] | |
,['Liverpool','Crystal Palace',3] | |
,['Liverpool','Everton',5] | |
,['Liverpool','Leicester City',1] | |
,['Liverpool','Manchester City',7] | |
,['Liverpool','Manchester Utd',1] | |
,['Liverpool','Newcastle Utd',2] | |
,['Liverpool','Norwich City',6] | |
,['Liverpool','Southampton',3] | |
,['Liverpool','Stoke City',5] | |
,['Liverpool','Sunderland',3] | |
,['Liverpool','Swansea City',2] | |
,['Liverpool','Tottenham',1] | |
,['Liverpool','Watford',2] | |
,['Liverpool','West Bromwich',3] | |
,['Liverpool','West Ham Utd',0] | |
,['Manchester City','Arsenal',3] | |
,['Manchester City','Aston Villa',4] | |
,['Manchester City','Bournemouth',9] | |
,['Manchester City','Chelsea',6] | |
,['Manchester City','Crystal Palace',5] | |
,['Manchester City','Everton',2] | |
,['Manchester City','Leicester City',1] | |
,['Manchester City','Liverpool',1] | |
,['Manchester City','Manchester Utd',0] | |
,['Manchester City','Newcastle Utd',7] | |
,['Manchester City','Norwich City',2] | |
,['Manchester City','Southampton',5] | |
,['Manchester City','Stoke City',4] | |
,['Manchester City','Sunderland',5] | |
,['Manchester City','Swansea City',3] | |
,['Manchester City','Tottenham',2] | |
,['Manchester City','Watford',4] | |
,['Manchester City','West Bromwich',5] | |
,['Manchester City','West Ham Utd',3] | |
,['Manchester Utd','Arsenal',3] | |
,['Manchester Utd','Aston Villa',2] | |
,['Manchester Utd','Bournemouth',4] | |
,['Manchester Utd','Chelsea',1] | |
,['Manchester Utd','Crystal Palace',2] | |
,['Manchester Utd','Everton',4] | |
,['Manchester Utd','Leicester City',2] | |
,['Manchester Utd','Liverpool',4] | |
,['Manchester Utd','Manchester City',1] | |
,['Manchester Utd','Newcastle Utd',3] | |
,['Manchester Utd','Norwich City',2] | |
,['Manchester Utd','Southampton',3] | |
,['Manchester Utd','Stoke City',3] | |
,['Manchester Utd','Sunderland',4] | |
,['Manchester Utd','Swansea City',3] | |
,['Manchester Utd','Tottenham',1] | |
,['Manchester Utd','Watford',3] | |
,['Manchester Utd','West Bromwich',2] | |
,['Manchester Utd','West Ham Utd',2] | |
,['Newcastle Utd','Arsenal',0] | |
,['Newcastle Utd','Aston Villa',1] | |
,['Newcastle Utd','Bournemouth',2] | |
,['Newcastle Utd','Chelsea',3] | |
,['Newcastle Utd','Crystal Palace',2] | |
,['Newcastle Utd','Everton',0] | |
,['Newcastle Utd','Leicester City',0] | |
,['Newcastle Utd','Liverpool',4] | |
,['Newcastle Utd','Manchester City',2] | |
,['Newcastle Utd','Manchester Utd',3] | |
,['Newcastle Utd','Norwich City',8] | |
,['Newcastle Utd','Southampton',3] | |
,['Newcastle Utd','Stoke City',0] | |
,['Newcastle Utd','Sunderland',1] | |
,['Newcastle Utd','Swansea City',3] | |
,['Newcastle Utd','Tottenham',7] | |
,['Newcastle Utd','Watford',2] | |
,['Newcastle Utd','West Bromwich',1] | |
,['Newcastle Utd','West Ham Utd',2] | |
,['Norwich City','Arsenal',1] | |
,['Norwich City','Aston Villa',2] | |
,['Norwich City','Bournemouth',3] | |
,['Norwich City','Chelsea',1] | |
,['Norwich City','Crystal Palace',1] | |
,['Norwich City','Everton',1] | |
,['Norwich City','Leicester City',1] | |
,['Norwich City','Liverpool',5] | |
,['Norwich City','Manchester City',1] | |
,['Norwich City','Manchester Utd',2] | |
,['Norwich City','Newcastle Utd',5] | |
,['Norwich City','Southampton',1] | |
,['Norwich City','Stoke City',2] | |
,['Norwich City','Sunderland',3] | |
,['Norwich City','Swansea City',1] | |
,['Norwich City','Tottenham',0] | |
,['Norwich City','Watford',4] | |
,['Norwich City','West Bromwich',1] | |
,['Norwich City','West Ham Utd',4] | |
,['Southampton','Arsenal',4] | |
,['Southampton','Aston Villa',5] | |
,['Southampton','Bournemouth',2] | |
,['Southampton','Chelsea',4] | |
,['Southampton','Crystal Palace',4] | |
,['Southampton','Everton',1] | |
,['Southampton','Leicester City',2] | |
,['Southampton','Liverpool',4] | |
,['Southampton','Manchester City',5] | |
,['Southampton','Manchester Utd',3] | |
,['Southampton','Newcastle Utd',5] | |
,['Southampton','Norwich City',3] | |
,['Southampton','Stoke City',2] | |
,['Southampton','Sunderland',2] | |
,['Southampton','Swansea City',4] | |
,['Southampton','Tottenham',2] | |
,['Southampton','Watford',2] | |
,['Southampton','West Bromwich',3] | |
,['Southampton','West Ham Utd',2] | |
,['Stoke City','Arsenal',0] | |
,['Stoke City','Aston Villa',3] | |
,['Stoke City','Bournemouth',5] | |
,['Stoke City','Chelsea',2] | |
,['Stoke City','Crystal Palace',2] | |
,['Stoke City','Everton',4] | |
,['Stoke City','Leicester City',2] | |
,['Stoke City','Liverpool',1] | |
,['Stoke City','Manchester City',2] | |
,['Stoke City','Manchester Utd',2] | |
,['Stoke City','Newcastle Utd',1] | |
,['Stoke City','Norwich City',4] | |
,['Stoke City','Southampton',2] | |
,['Stoke City','Sunderland',1] | |
,['Stoke City','Swansea City',3] | |
,['Stoke City','Tottenham',2] | |
,['Stoke City','Watford',2] | |
,['Stoke City','West Bromwich',1] | |
,['Stoke City','West Ham Utd',2] | |
,['Sunderland','Arsenal',1] | |
,['Sunderland','Aston Villa',5] | |
,['Sunderland','Bournemouth',1] | |
,['Sunderland','Chelsea',4] | |
,['Sunderland','Crystal Palace',3] | |
,['Sunderland','Everton',5] | |
,['Sunderland','Leicester City',2] | |
,['Sunderland','Liverpool',2] | |
,['Sunderland','Manchester City',1] | |
,['Sunderland','Manchester Utd',2] | |
,['Sunderland','Newcastle Utd',4] | |
,['Sunderland','Norwich City',4] | |
,['Sunderland','Southampton',1] | |
,['Sunderland','Stoke City',3] | |
,['Sunderland','Swansea City',5] | |
,['Sunderland','Tottenham',1] | |
,['Sunderland','Watford',2] | |
,['Sunderland','West Bromwich',0] | |
,['Sunderland','West Ham Utd',2] | |
,['Swansea City','Arsenal',2] | |
,['Swansea City','Aston Villa',3] | |
,['Swansea City','Bournemouth',4] | |
,['Swansea City','Chelsea',3] | |
,['Swansea City','Crystal Palace',1] | |
,['Swansea City','Everton',2] | |
,['Swansea City','Leicester City',0] | |
,['Swansea City','Liverpool',3] | |
,['Swansea City','Manchester City',2] | |
,['Swansea City','Manchester Utd',3] | |
,['Swansea City','Newcastle Utd',2] | |
,['Swansea City','Norwich City',1] | |
,['Swansea City','Southampton',1] | |
,['Swansea City','Stoke City',2] | |
,['Swansea City','Sunderland',3] | |
,['Swansea City','Tottenham',3] | |
,['Swansea City','Watford',1] | |
,['Swansea City','West Bromwich',2] | |
,['Swansea City','West Ham Utd',4] | |
,['Tottenham','Arsenal',3] | |
,['Tottenham','Aston Villa',5] | |
,['Tottenham','Bournemouth',8] | |
,['Tottenham','Chelsea',2] | |
,['Tottenham','Crystal Palace',4] | |
,['Tottenham','Everton',1] | |
,['Tottenham','Leicester City',1] | |
,['Tottenham','Liverpool',1] | |
,['Tottenham','Manchester City',6] | |
,['Tottenham','Manchester Utd',3] | |
,['Tottenham','Newcastle Utd',2] | |
,['Tottenham','Norwich City',6] | |
,['Tottenham','Southampton',3] | |
,['Tottenham','Stoke City',6] | |
,['Tottenham','Sunderland',5] | |
,['Tottenham','Swansea City',4] | |
,['Tottenham','Watford',3] | |
,['Tottenham','West Bromwich',2] | |
,['Tottenham','West Ham Utd',4] | |
,['Watford','Arsenal',0] | |
,['Watford','Aston Villa',6] | |
,['Watford','Bournemouth',1] | |
,['Watford','Chelsea',2] | |
,['Watford','Crystal Palace',2] | |
,['Watford','Everton',3] | |
,['Watford','Leicester City',1] | |
,['Watford','Liverpool',3] | |
,['Watford','Manchester City',1] | |
,['Watford','Manchester Utd',1] | |
,['Watford','Newcastle Utd',4] | |
,['Watford','Norwich City',4] | |
,['Watford','Southampton',0] | |
,['Watford','Stoke City',3] | |
,['Watford','Sunderland',3] | |
,['Watford','Swansea City',1] | |
,['Watford','Tottenham',1] | |
,['Watford','West Bromwich',1] | |
,['Watford','West Ham Utd',3] | |
,['West Bromwich','Arsenal',2] | |
,['West Bromwich','Aston Villa',1] | |
,['West Bromwich','Bournemouth',2] | |
,['West Bromwich','Chelsea',4] | |
,['West Bromwich','Crystal Palace',3] | |
,['West Bromwich','Everton',3] | |
,['West Bromwich','Leicester City',4] | |
,['West Bromwich','Liverpool',3] | |
,['West Bromwich','Manchester City',1] | |
,['West Bromwich','Manchester Utd',1] | |
,['West Bromwich','Newcastle Utd',1] | |
,['West Bromwich','Norwich City',1] | |
,['West Bromwich','Southampton',0] | |
,['West Bromwich','Stoke City',3] | |
,['West Bromwich','Sunderland',1] | |
,['West Bromwich','Swansea City',1] | |
,['West Bromwich','Tottenham',2] | |
,['West Bromwich','Watford',0] | |
,['West Bromwich','West Ham Utd',1] | |
,['West Ham Utd','Arsenal',5] | |
,['West Ham Utd','Aston Villa',3] | |
,['West Ham Utd','Bournemouth',6] | |
,['West Ham Utd','Chelsea',4] | |
,['West Ham Utd','Crystal Palace',5] | |
,['West Ham Utd','Everton',4] | |
,['West Ham Utd','Leicester City',3] | |
,['West Ham Utd','Liverpool',5] | |
,['West Ham Utd','Manchester City',4] | |
,['West Ham Utd','Manchester Utd',3] | |
,['West Ham Utd','Newcastle Utd',3] | |
,['West Ham Utd','Norwich City',4] | |
,['West Ham Utd','Southampton',2] | |
,['West Ham Utd','Stoke City',1] | |
,['West Ham Utd','Sunderland',3] | |
,['West Ham Utd','Swansea City',1] | |
,['West Ham Utd','Tottenham',2] | |
,['West Ham Utd','Watford',3] | |
,['West Ham Utd','West Bromwich',4] | |
]; | |
var colors = { | |
"Arsenal": "#da4480" | |
,"Aston Villa": "#5ab449" | |
,"Bournemouth": "#7f5acd" | |
,"Chelsea": "#aab740" | |
,"Crystal Palace": "#ce58c0" | |
,"Everton": "#50a26e" | |
,"Leicester City": "#d1434b" | |
,"Liverpool": "#45c0bc" | |
,"Manchester City":"#ce5929" | |
,"Manchester Utd": "#4e7bda" | |
,"Newcastle Utd": "#d49d3c" | |
,"Norwich City": "#6660a3" | |
,"Southampton": "#7b853c" | |
,"Stoke City": "#b58dde" | |
,"Sunderland": "#97622e" | |
,"Swansea City": "#609dd6" | |
,"Tottenham": "#e29074" | |
,"Watford": "#9c4b88" | |
,"West Bromwich": "#ab505f" | |
,"West Ham Utd": "#dc85b6" | |
}; | |
var sortOrder =[ | |
"Arsenal" | |
,"Aston Villa" | |
,"Bournemouth" | |
,"Chelsea" | |
,"Crystal Palace" | |
,"Everton" | |
,"Leicester City" | |
,"Liverpool" | |
,"Manchester City" | |
,"Manchester Utd" | |
,"Newcastle Utd" | |
,"Norwich City" | |
,"Southampton" | |
,"Stoke City" | |
,"Sunderland" | |
,"Swansea City" | |
,"Tottenham" | |
,"Watford" | |
,"West Bromwich" | |
,"West Ham Utd" | |
]; | |
function sort(a,b){ return d3.ascending(sortOrder.indexOf(a),sortOrder.indexOf(b)); } | |
var ch = viz.ch().data(data) | |
.padding(.01) | |
.sort(sort) | |
.innerRadius(430) | |
.outerRadius(450) | |
.duration(1000) | |
.chordOpacity(0.3) | |
.labelPadding(.03) | |
.fill(function(d){ return colors[d];}); | |
var width=1200, height=1100; | |
var svg = d3.select("body").append("svg").attr("height",height).attr("width",width); | |
svg.append("g").attr("transform", "translate(600,550)").call(ch); | |
// adjust height of frame in bl.ocks.org | |
d3.select(self.frameElement).style("height", height+"px").style("width", width+"px"); | |
</script> |
Hello, thank you for sharing this example. How can I remove aggregations from the label i.e. only display the text but not numerical values in parenthesis() ?