React-commit-calendar NPM

React Commit Calendar

To Check out

Just Github commit calendar clone. See Demo

To Start

npm install react-commit-calendar --save

To Use

import CommitCalendar from 'react-commit-calendar';

ReactDOM.render(
  <CommitCalendar
    dataset={dataset}
  />
, mountNode);

dataset format

var dataset = {
  '2016-03-18': {
    count: 4,
    sources: [
      { uri: 'https://gorupystinks.com', count: 2, name: 'groupystinks.com' },
      { uri: 'https://github.com/groupystinks', count: 2, name: 'github' }
    ]
  },
  '2016-03-19': {
    count: 60,
    sources: [
      { uri: 'https://twitter.com/groupystinks', count: 20, name: 'twitter' },
      { uri: 'https://gorupystinks.com', count: 30, name: 'groupystinks.com' },
      { uri: 'https://github.com/groupystinks', count: 10, name: 'github' }
    ]
  }
};

Configurable Config

dataset: PropTypes.object.isRequired,
colors: PropTypes.array,
```
colors = ['#ffff00', '#e5e500', '#cccc00', '#b2b200']
```
Colors provided as above will be render as 5 levels (including '#eee') color scale to represent contribution's intensity.
marginBottom: PropTypes.number,
marginLeft: PropTypes.number,
marginRight: PropTypes.number,
marginTop: PropTypes.number,
width: PropTypes.number,
height: PropTypes.number,
unit: PropTypes.string,