Skip to Content

January 2021

Blaseball Reference

Design and development.

  • JavaScript
  • React

Inspired by its real-world counterpart of a similar name, Blaseball Reference is a website that displays tabulated performance statistics for the game of Blaseball. The game is an absurdist take on fantasy baseball which revolves around a simulator with made-up teams that play against each other twenty-four hours a day.

Players of the browser-based game form communities to support their favorite teams, participating in the action by placing bets on the winners. And resembling aspects of Nomic, the 1982 game crafted by philosopher Peter Suber, players are allowed to shape the game's rules. From unwrapping the mysteries of a hidden rulebook to resurrecting dead players, weekly elections allow players to participate in the development of the game.

As written in the LA Times, "'Blaseball' strips baseball of its emphasis on competition and reminds us of why we love the game to begin with: It’s the personal stories sports inspire us to have with our friends or loved ones."

A game log of Blaseball teams competing against one another.

In the early weeks of the game's launch, players soon realized that the simulator's output, that is the play-by-play log of events for each game, would be lost to time as there was no archival process. A small group of fans quickly put together a solution: a script that collected every server-side event broadcasted from the game's simulator.

With that wealth of data, there was a rush to make use of it. Blaseball Reference was then created to process the in-game events and summarize the relevant data in the context of sabermetrics. The goal of the website was to allow users to quickly see which teams were on hot streaks, which players were league leaders, and investigate how the weekly user elections affected the overall performance of teams and players.

The Blaseball Reference home page

React was chosen for the front-end alongside Chakra UI for the modular component library. For the backend, a Node.js worker was initially used to process individual game events and tabulate the results into JSON buckets for each team and player.

The Blaseball Reference home page

After the initial backend was put into place, work began on migrating the processed data to a querably system in order to support multiple client use cases. Once again taking inspiration from the real world, Retrosheet event files were analyzed to help craft the structure of the Postgres database and the in-game state representation of Blaseball.

The Blaseball Reference home page

A Node.js API was constructed using a mixture of direct queries as well as Prisma ORM, loosely basing its design on the official MLB Stats API. The central goal of the design was to allow clients to query stats based on season, splits, and game type. Query performance was incrementally improved by analyzing query plans, materializing views, and adding a cache layer in front of the database.

The Blaseball Reference home page

With in-game performance statistics in place, work shifted to filling other user needs. An often requested feature was the ability to view "season" schedules to see upcoming games. Future game data was broadcasted through the game API at the start of each season, which allowed for the creation of a traditional season schedule calendar. Data was updated after every game to constantly keep the schedule up-to-date.

The Blaseball Reference home page