Real Madrid vs. Elche (1st half)
✓ Published0🌍 Public
KKRE87
Last edited Jan 12, 2019
Created on Jan 12, 2019
This visualization shows pass networks between starting players during the first half of a Real Madrid vs. Elche match, plotted on an SVG soccer field. Player positions are fixed coordinates representing their average location, and curved links between them indicate completed passes, with stroke width scaled by pass frequency. Built with D3.js and the d3.rollup plugin, the code loads player and pass data from a JSON file, renders the field from a separate SVG file, and adds interactive tooltips on hover that highlight incoming and outgoing passes. The animation shows the pass network’s structure dynamically as users explore individual players.
AI-generated descriptionBuilt with blockbuilder.org
mit Licensed