D3.js Chords
Chord diagrams visualize flow between a set of nodes in a graph, such as transition probabilities between finite states.
- d3.js
The data above shows data from the NCAA men's basketball tournament from 1985-2019. It attempts to show the number of times one team played another. For example, if Virginia played Auburn once in this time frame and played Duke twice, then the width of the chord splitting off from Virginia's main chord going from Virginia to Duke would be twice as large as the chord going to Auburn.
This data isn't well suited for a Chord diagram due to the volume of teams and due to the fact that it is difficult to distingish the flow of data. Chord diagrams should probably obly be used when there are less than 50 rows / columns of data in the square matrix, and when the data shows that many of the data objects have a significant portion of their data going to a few different options.
Here is a list of the teams that have played each other the most in the tournament from 1985 to 2019 since I already have the data:
Team 1 | Team 2 | Matchups |
---|---|---|
Duke | Michigan St | 5 |
Kentucky | Utah | 5 |
Arkansas | North Carolina | 5 |
Kansas | North Carolina | 4 |
Arizona | Wisconsin | 3 |
Cincinnati | Temple | 3 |
Connecticut | Duke | 3 |
Duke | Kansas | 3 |
Duke | Seton Hall | 3 |
Florida | UCLA | 3 |
Georgia Tech | LSU | 3 |
Kansas | Purdue | 3 |
Kentucky | Wake Forest | 3 |
Kentucky | West Virginia | 3 |
Florida | Michigan | 3 |
Michigan | Texas | 3 |
Michigan | North Carolina | 3 |
Michigan St | North Carolina | 3 |
North Carolina | Notre Dame | 3 |
North Carolina | Villanova | 3 |
Oregon | Wisconsin | 3 |