A github style inspired heatmap capsuled as an easy to use vuejs component
JavaScript Vue HTML
Switch branches/tags
Nothing to show
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
build
config
dist
src
static
.babelrc
.editorconfig
.gitignore
.postcssrc.js
README.md
index.html
package.json

README.md

vue-heatmap

The github style inspired calendar-heatmap capsuled as an easy to use vue.js component

A d3.js heatmap representing time series data. Inspired by Github's contribution chart

Reusable D3.js Calendar Heatmap chart

Demo Link

How to use:

<calendar-heatmap :entries=YOUR_ENTRIES :colorrange=YOUR_COLORRANGE :tooltipEnabled=true/false></calendar-heatmap>

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

For detailed explanation on how things work, checkout the guide and docs for vue-loader.

Thanks @DKirwan for the initial calendar-heatmap.