Update README.md

Author: Ganpatkakar

README.md

@@ -3,56 +3,75 @@ GKCharts is a charting plug and play library. Developed with the HTML 5 Canvas a
 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?
-There are two different version of gkCharts :-
-1. ~~For static website using gkchart.js file.
-  To install GKCharts you can download GkCharts library from our website http://gkchart.com download button.
-  Then you have to add this JavaScript file to your HTML page and call our api
-  "new GKChart({id: "stepChartComparision", data: stepChartComparision})"
-  Examples are provided at http://gkchart.com.~~
+## Install
+
+```bash
+# Yarn
+yarn add gk-chart
+
+# NPM
+npm install --save gk-chart
+```
+
+Live demo => https://ganpatkakar.github.io/gkChart
 
-2. For React/Angular/Vue js NPM package
-  To use with npm package run command => npm i gk-chart
 
 ### Type of charts possible and the naming conventions
-    barChart = "bar-chart";
-    columnChart = "column-chart";
-    lineChart = "line-chart";
-    stepLineChart = "step-line-chart";
-    smoothLineChart = "smooth-line-chart";
-    multiRandomChart = "multi-random";
-    combinationChart = "combination-chart";
-    pieChart = "pie-chart";
-    doughnutChart = "doughnut-chart";
-    meterChart = "meter-chart";
-    stackedColumnChart = "stacked-column-chart";
-    stackedBarChart = "stacked-bar-chart";
+
+```
+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 8 chart types.
+GkCharts support more than 20+ combination of charts with 11 chart types.
+
+Sample charts
 
-Few ScreenShots of charts output.
+
+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