Gk-chart NPM | npm.io

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

# 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

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

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

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

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

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

Doughnut chart => https://ganpatkakar.github.io/gkChart/?path=/docs/components-doughnutchart--docs

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

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.