Search code examples
javascriptd3.jsvisualizationdata-visualizationchord-diagram

Visualizing the pass traffic data with Chord Diagram


I have a pass traffic data between players, here's the data, first column and first row indicate the Player Numbers.

I want to visualize this data like Uber Rides. I think it was built with Chord Diagram from Bostock's.

Since I almost have no experience in JavaScript, I just don't know where to begin.

How can I achieve something like this?


Solution

  • Here is what i got with your data

    enter image description here I just replaced the matrix array with your array

    [2,3,1,0,0,2,0,6,5,2,5,0,3], [0,7,2,0,4,7,0,1,2,0,3,0,2], [0,0,4,1,5,3,3,0,1,1,5,1,0], [0,0,0,0,4,0,5,4,2,0,1,1,0], [0,0,0,0,0,0,0,3,2,0,1,0,1], [0,0,0,0,0,1,3,4,1,1,9,1,6], [0,0,0,0,0,0,0,1,3,0,1,1,1], [0,0,0,0,0,0,0,0,0,1,0,0,0], [0,0,0,0,0,0,0,0,5,5,5,0,8], [0,0,0,0,0,0,0,0,0,0,8,0,1], [0,0,0,0,0,0,0,0,0,0,2,0,0], [0,0,0,0,0,0,0,0,0,0,0,0,2], [0,0,0,0,0,0,0,0,0,0,0,0,2]

    I am not claiming this to be correct but just giving you a idea how simply you can achieve this with the work people already did.