Skip to content

bharadhwajcn/cinch-charts

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

89 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CINCH CHARTS

Build Status

A simple, light-weight charting library built on top of d3.js. The only
dependency for this library is d3.js. Make sure you are using d3.js version 4+,
if you are adding dependency explicitly.


INSTALLATION

Github

From Github, you can clone this repository, and the can find the required
files under the folder build.

For cloning the repository, via HTTPS use,

git clone https://github.com/bharadhwajcn/cinch-charts.git

or using SSH use,

git clone [email protected]:bharadhwajcn/cinch-charts.git

or you can download the zip file for the repository by clicking here.

Bower

You can easily install the package from Bower. Make sure that, you already have
bower installed.

bower install cinch-charts

EXAMPLE

Let's see how to draw a simple bar chart using this library.

HTML

<div class="chart-container" id="first-container"> </div>

JavaScript

var element = document.querySelector('.chart-container');

var data = [ ['2014', 50], ['2015', 70], ['2016', 30], ['2017', 40] ];

var chart = new BarChart(element, data);

Output

Basic Bar Chart Example

Live Example

Here is the JSFiddle link for the same.


DOCUMENTATION

  1. Bar Chart
  2. Stacked Bar Chart
  3. Line Chart
  4. Multi Line Chart
  5. Area Chart
  6. Pie Chart

About

Charting library built on top of D3.js

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published