Skip to main content
100%

Gist 0628ccf06b4e693bb97577d351b52882

✓ Published0🌍 Public
CConorAspell
Last edited Apr 2, 2020
Created on Apr 2, 2020

This example visualizes a rugby team’s player positions as a node-link diagram. It shows each player’s name and on-field role, with nodes colored by position category. The visualization uses `d3.forceSimulation` to arrange the nodes and `d3.geoPath` to render the pitch outline in the background. Data comes from `team_week_1.csv`, which lists player names and their positions. The code also employs Canvas `getImageData` to detect node overlaps and adjust forces accordingly, ensuring labels remain readable without overlapping.

AI-generated description

Similar vizzes