Pass network

A node at the average place of each player's passes, sized by his touches; a link for each pair, wider the more passes between them.

Soccer pitchDrawn as: a soccer pitch, 105 by 68 metres, with the halfway line, the centre circle, both penalty areas, goal areas, penalty marks and arcs, the corner arcs and the goals. Data: Pass network: 11 players, 44 links from 240 passes. Most touches: 2, 46. Strongest link: 1 and 2, 6 passes. Links of fewer than 3 passes are left out.Pass network: 11 players, 44 links from 240 passesMost touches: 2, 46. Strongest link: 1 and 2, 6 passes. Links of fewer than 3 passes are left out.1 and 2: 6 passes1 and 8: 6 passes4 and 7: 6 passes11 and 2: 6 passes7 and 8: 6 passes3 and 7: 6 passes10 and 2: 6 passes6 and 8: 6 passes2 and 3: 6 passes2 and 9: 6 passes5 and 8: 6 passes1 and 3: 6 passes8 and 9: 6 passes4 and 8: 6 passes11 and 3: 6 passes7 and 9: 6 passes3 and 4: 6 passes10 and 3: 6 passes6 and 9: 6 passes2 and 4: 6 passes10 and 9: 5 passes5 and 9: 5 passes1 and 4: 5 passes10 and 8: 5 passes4 and 5: 5 passes11 and 4: 5 passes10 and 7: 5 passes3 and 5: 5 passes10 and 11: 5 passes10 and 6: 5 passes2 and 5: 5 passes11 and 9: 5 passes5 and 6: 5 passes1 and 5: 5 passes11 and 8: 5 passes4 and 6: 5 passes1 and 11: 5 passes11 and 7: 5 passes3 and 6: 5 passes1 and 10: 5 passes6 and 7: 5 passes2 and 6: 5 passes1 and 9: 5 passes5 and 7: 5 passes1: 43 touches (22 passes made, 21 received)2: 46 touches (22 passes made, 24 received)8: 46 touches (22 passes made, 24 received)4: 44 touches (22 passes made, 22 received)7: 44 touches (22 passes made, 22 received)11: 42 touches (22 passes made, 20 received)3: 46 touches (22 passes made, 24 received)10: 42 touches (22 passes made, 20 received)6: 42 touches (22 passes made, 20 received)9: 44 touches (21 passes made, 23 received)5: 41 touches (21 passes made, 20 received)1284711310695

The picture above was drawn when the docs were built. The script below draws it again with the published package.

import { drawKyogijo } from "@johnmorrisdotca/kyogijo-stadiums";

const passes = Array.from({ length: 240 }, (_, i) => { const a = (i * 7) % 11; const b = (a + 1 + ((i * 3) % 4)) % 11; return { from: a + 1, to: b + 1, x: 14 + a * 6 + (i % 5), y: 12 + ((a * 17) % 76) + (i % 7), x2: 14 + b * 6, y2: 12 + ((b * 17) % 76), team: "home", fromNumber: a + 1, toNumber: b + 1 }; });
const svg = drawKyogijo({ sport: "soccer", layers: [{ kind: "network", from: "opta", data: passes, minPasses: 3 }] });

This page imports the package from jsDelivr (major version 0), which serves only versions that have been published to npm. A feature added after the last release is not in it: the page then keeps the picture above and says why. The docs were built from version 0.6.1.