`typescript
import Rabona from 'rabonajs';

const competitionId = 43;
const seasonId = 3;
const response = await fetch(
'https://raw.githubusercontent.com/statsbomb/open-data/master/data/matches/' +
competitionId +
'/' +
seasonId +
'.json',
);
const sampleMatches = await response.json();
const passResponse = await fetch(
'https://raw.githubusercontent.com/statsbomb/open-data/master/data/events/' +
sampleMatches[1].match_id +
'.json',
);
const _passes = await passResponse.json();
const passes = _passes
.filter((event: any) => event.type.name === 'Pass')
.map((pass: any) => ({
startX: pass.location[0],
startY: pass.location[1],
endX: pass.pass.end_location[0],
endY: pass.pass.end_location[1],
length: pass.pass.length,
angle: pass.pass.angle,
}));

const ballMovement = Rabona.layer({
type: 'pass',
data: matchData,
options: {},
}).addTo(pitch);
`

!Screen Shot 2022-06-10 at 00 26 56

Docs

!Screen Shot 2022-12-26 at 01 40 49

You can find the docs and examples here.

(https://orabazu.github.io/rabonajs-docs/)

Contributing

Feel free to open a PR or an issue.

Commit messages

We use Conventional Commits for commit messages.
When you install the dependencies, husky will run a pre-commit hook to check if your commit message is valid.
To make your life easier you can use commitizen which is already installed as a dev dependency.
To use it, run npx cz instead of git commit` and follow the instructions.

Shoutouts 🙏

- (https://soccermatics.readthedocs.io/en/latest/index.html)
- (https://www.youtube.com/@McKayJohns)