# GKCharts
GKCharts is a charting plug and play library. Developed with the HTML 5 Canvas and ES6 JavaScript.
This is an open source project for every one, anyone who want to improve this charting library can contribute for this project.

### How do I install GKCharts?
## Install

```bash
# Yarn
yarn add gk-chart

# NPM
npm install --save gk-chart
```

Live demo => https://ganpatkakar.github.io/gkChart
  

### Type of charts possible and the naming conventions

```
declare const GkLineChart: (data: any) => void;
declare const GkStepChart: (data: any) => void;
declare const GkSmoothLineChart: (data: any) => void;
declare const GkBarChart: (data: any) => void;
declare const GkStackedBarChart: (data: any) => void;
declare const GkColumnChart: (data: any) => void;
declare const GkStackedChart: (data: any) => void;
declare const GkPieChart: (data: any) => void;
declare const GkDoughnutChart: (data: any) => void;
declare const GkMeterChart: (data: any) => void;
declare const GkCombinationChart: (data: any) => void;
```

### How to use GkChart Library or GkChart NPM package (npm install gk-cahrt) :-
GkCharts support more than 20+ combination of charts with 11 chart types.

Sample charts


Bar Chart => https://ganpatkakar.github.io/gkChart/?path=/docs/components-barchart--docs

<img width="1150" alt="Screenshot 2019-08-04 at 3 01 57 PM" src="https://user-images.githubusercontent.com/13637167/62478257-45914000-b7c8-11e9-8b22-5668d62f645c.png">

<img width="673" alt="Screenshot 2019-08-04 at 3 08 40 PM" src="https://user-images.githubusercontent.com/13637167/62478258-45914000-b7c8-11e9-992a-398fc2927619.png">

Stacked Chart => https://ganpatkakar.github.io/gkChart/?path=/docs/components-stackedcolumnchart--docs

<img width="521" alt="Screenshot 2019-08-05 at 8 07 22 PM" src="https://user-images.githubusercontent.com/13637167/62478259-45914000-b7c8-11e9-8462-25f63003590c.png">

<img width="729" alt="Screenshot 2019-08-05 at 8 44 46 PM" src="https://user-images.githubusercontent.com/13637167/62478260-4629d680-b7c8-11e9-85dc-bad872723f61.png">

Line Chart => https://ganpatkakar.github.io/gkChart/?path=/docs/components-linechart--docs

<img width="738" alt="Screenshot 2019-08-05 at 9 35 29 PM" src="https://user-images.githubusercontent.com/13637167/62478413-ad478b00-b7c8-11e9-8332-fbc60e0fbd39.png">

<img width="738" alt="Screenshot 2019-08-05 at 9 35 29 PM" src="https://user-images.githubusercontent.com/13637167/62478450-c0f2f180-b7c8-11e9-8b90-b3fd555d2588.png">


Smooth Line Chart => https://ganpatkakar.github.io/gkChart/?path=/docs/components-smoothlinechart--docs

<img width="738" alt="Screenshot 2019-08-05 at 9 35 29 PM" src="https://user-images.githubusercontent.com/13637167/62478504-e122b080-b7c8-11e9-8129-dbb0ac5a81ee.png">

Column Chart => https://ganpatkakar.github.io/gkChart/?path=/docs/components-columnchart--docs
<img width="738" alt="Screenshot 2019-08-05 at 9 35 29 PM" src="https://user-images.githubusercontent.com/13637167/62478542-fbf52500-b7c8-11e9-88de-ada301bdb9d9.png">

Pie Chart => https://ganpatkakar.github.io/gkChart/?path=/docs/components-piechart--docs
<img width="450" alt="Screenshot 2019-08-05 at 9 35 29 PM" src="https://user-images.githubusercontent.com/13637167/62478574-0dd6c800-b7c9-11e9-854f-0da62f34c9f9.png">

Doughnut chart => https://ganpatkakar.github.io/gkChart/?path=/docs/components-doughnutchart--docs
<img width="450" alt="Screenshot 2019-08-05 at 9 35 29 PM" src="https://user-images.githubusercontent.com/13637167/62478645-319a0e00-b7c9-11e9-9265-4e1e054c7f40.png">

Meter Chart => https://ganpatkakar.github.io/gkChart/?path=/docs/components-meterchart--docs
<img width="1174" alt="Screenshot 2023-12-12 at 3 41 50 PM" src="https://github.com/Ganpatkakar/gkChart/assets/13637167/29b94f12-a4e9-4fc8-bbd8-c6f7072ba736">


### Contribution
I would love for you to contribute for any chart and make GKCharts library more awesome.


### Status of the Project
This project is still under active development, so you might run into issues. If you do, please don't be shy about letting me know, or better yet, contribute a fix or feature.
