Today, we are excited to announce the first alpha release of RabonaJS, a lightweight JavaScript library for plotting soccer events

RabonaJS provides a simple and intuitive syntax for plotting soccer/football events as layers on top of a soccer field. Powered by D3.js, it is designed to be easy to use and to integrate with js notebooks such as Observable.

import Rabona from "rabonajs";

const pitchOptions = {
  height: 80, //px
  width: 120, //px
  padding: 100, //px
  linecolour: "#ffffff",
  fillcolour: "#7ec850",
};

// initialize the pitch on the "pitch" div with a given options
const pitch = Rabona.pitch("pitch", pitchOptions);

<div id="pitch"></div>

Simple as is.

In this first alpha release, we have implemented the core functionality of RabonaJS, including the Pitch, Layer methods.

We are excited to continue developing RabonaJS and adding new features and functionality in the future. We encourage you to try out the library and give us feedback on what you like and what you would like to see improved.

To get started with RabonaJS, you can visit the GitHub repository at https://github.com/orabazu/rabonajs. The documentation and examples will help you learn how to use the library in your own projects or notebooks.

We look forward to hearing your feedback and seeing what you build with RabonaJS!