https://github.com/haripo/react-github-contribution-calendar

A React component for GitHub-like heatmap calendar
https://github.com/haripo/react-github-contribution-calendar

calendar github heatmap-calendar react react-component

Last synced: about 2 months ago
JSON representation

A React component for GitHub-like heatmap calendar

• Host: GitHub
• URL: https://github.com/haripo/react-github-contribution-calendar
• Owner: haripo
• Created: 2016-06-03T00:20:34.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2023-07-01T11:08:10.000Z (over 1 year ago)
• Last Synced: 2024-04-15T14:59:56.336Z (9 months ago)
• Topics: calendar, github, heatmap-calendar, react, react-component
• Language: HTML
• Homepage: http://haripo.github.io/react-github-contribution-calendar
• Size: 2.83 MB
• Stars: 134
• Watchers: 1
• Forks: 18
• Open Issues: 4
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
react-github-contribution-calendar

====

[![npm version](https://badge.fury.io/js/react-github-contribution-calendar.svg)](https://badge.fury.io/js/react-github-contribution-calendar)

A responsive react component for GitHub-like heatmap calendar

## Demo

[Demo and documents](http://haripo.github.io/react-github-contribution-calendar/)

## Usage

``` javascript

// main.jsx

import React from 'react';

import ReactDOM from 'react-dom';

import Calendar from 'react-github-contribution-calendar';

var values = {

  '2016-06-23': 1,

  '2016-06-26': 2,

  '2016-06-27': 3,

  '2016-06-28': 4,

  '2016-06-29': 4

}

var until = '2016-06-30';

var elem = document.getElementById('app');

ReactDOM.render(, elem);

```

## Install

``` npm i react-github-contribution-calendar --save ```

## Licence

MIT

## Author

[haripo](https://github.com/haripo)