gdq-stats

gdq-stats

👾 Live Data Visualizations for GamesDoneQuick Streams

gdq-stats

:space_invader: Stats webpage for GamesDoneQuick. Hosted at gdqstat.us

Frontend

The actual visualization is done by Recharts. Other tools used include:

  • React + Redux for rendering and application dataflow
  • Webpack + Gulp to generate / minify the site's assets
  • Hugo for minor HTML templating
  • odometer for animated odometers
  • C3js for pie charts
  • day.js

Backend

This page uses gdq-collector to parse the GDQ donation tracker and to collect Twitch viewership information. This data is updated every minute.

Please visit that repo for more detailed information about the gdq-stats backend.

Run it yourself

  1. Clone the repo.
  2. Run npm install to pull down the NPM dependencies.
  3. Run npm start to build the site and start a local server.
  4. Visit http://localhost:3000 in your browser.

Snapshot Previous Event

To take a snapshot of a previous event:

$ npm run snapshot --name=agdq-2021 # Replace w/ the current event name

Previous Events

Attribution

  • alligatr - for his previous years of doing SGDQ/AGDQ stats. The initial design of this site was heavily inspired by alligatr's past work.
  • David Ensinger - for his great minifier Rakefile blog post