👾 Stats webpage for GamesDoneQuick. Hosted at gdqstat.us
The actual visualization is done by Recharts. Other tools used include:
React
+Redux
for rendering and application dataflowWebpack
+Gulp
to generate / minify the site's assetsHugo
for minor HTML templatingodometer
for animated odometersC3js
for pie chartsday.js
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.
- Clone the repo.
- Run
npm install
to pull down the NPM dependencies. - Run
npm start
to build the site and start a local server. - Visit
http://localhost:3000
in your browser.
To take a snapshot of a previous event:
$ npm run snapshot --name=agdq-2021 # Replace w/ the current event name
- 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