Skip to content
A Site showcasing a heatmap weekly statistics of when Streamers of the LiveCoders Team are live
JavaScript HTML CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github/workflows
site
.gitignore
.prettierrc
HeatmapScreenshot.png
LICENSE
README.md
genHistoricalWeek.js
getCurrWeekStreams.js
getLogos.js
package.json
yarn.lock

README.md

LiveCoders Heatmap

Build Heatmap Workflow Status Deploy Site Workflow Status

Screenshot of Heatmap Webpage

A Site showcasing a heatmap weekly statistics of when Streamers of the LiveCoders team are live.

The data for this project is sourced from a DynamoDB table on an hourly basis and cached in site/data.json in this repo.

Tools used

  • GitHub Actions for the Automations around pulling down the datasets & building and deploying the site.
  • D3 for the Heatmap vizualization.
  • Parcel for bundling up the JS for production use.

Setup

To get started with tinkering with the site locally, clone the repo down, install the dependencies, and spin up the dev server.

git clone https://github.com/lannonbr/LC-Heatmap.git
npm install
npm run develop

This will run parcel as a HMR server so whenever you make changes to the various files, the bundle will rebuild and refresh the page live.

If you want to view a production build of the site, run npm run build. The outputted site will be dropped into the dist folder.

You can’t perform that action at this time.