The actual visualization is done by Recharts. Other tools used include:
Reduxfor rendering and application dataflow
Gulpto generate / minify the site's assets
Hugofor minor HTML templating
odometerfor animated odometers
C3jsfor pie charts
Tools used in previous versions of the site:
D3.js- (This is still used, under the hood)
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
- Clone the repo.
npm installto pull down the NPM dependencies.
npm startto build the site and start a local server.
http://localhost:3000in your browser.