NgGitCalendar ng-git-calendar is an angular interface component that implements a commit calendar similar to the GitHub calendar, which can be used for many uses, such as logging errors and other logs like any other calendar.

How to make use of it:

Installations:

# NPM
$ npm install ng-git-calendar --save

To use ng-git-calendar you need to import the NgGitCalendarModule into your app:

// app.module.ts

import { AppComponent } from './app.component';
import { NgGitCalendarModule } from '../../../ng-git-calendar/src/lib/ng-git-calendar.module';


@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    // ... another import
      
    NgGitCalendarModule  

  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Then, just use the lib-ng-git-calendar flag to display the ng-git-calendar graph:

<p>
    Oww cool!
</p>

<lib-ng-git-calendar
 year="2020"
 colorLevel1="#c6e48b"
 colorLevel2="#7bc96f"
 colorLevel3="#196127"
 [data]="data"
    ></lib-ng-git-calendar>

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent {
    
    /*
    
    mm / dd / yyyy , level
    	
    */
  data=[
    ['01/21/2020','1'],
    ['06/20/2020','2'],
    ['12/25/2020','3'],
    ['11/05/2020','3'],

  ]

constructor(){}
}

See Demo And Download

Official Website(SergioNoivak): Click Here

This superior jQuery/javascript plugin is developed by SergioNoivak. For extra Advanced Usage, please go to the official website.