m1js

0.1.2 • Public • Published

NPM

m1js

The goal is to create simple graphs at server end and save it to png, so the client can load it instead of preparing it.

Install

$npm install m1js

Types of Graphs

  • Pie Chart
  • Bar Chart
  • Line Chart
  • Donut Chart
  • HBar Chart

Usage

Pie Chart
var m1js = require('m1js');
 
m1js.createAPie({
    data : [{
        labels : "Car",
        data : 45
    },{
        labels : "Cycle",
        data : 10
    },{
        labels : "Walk",
        data : 10
    },{
        labels : "Bus",
        data : 20
    }],
    outputFolder : __dirname,
    labelPath : "labels"
},function(imgPath){
    //...
 
});
Bar Chart
var m1js = require('m1js');
 
m1js.createABar({
    data : [{
        label : "2012",
        data : 50
    },{
        label : "2013",
        data : 35
    },{
        label : "2014",
        data : 45
    },{
        label : "2015",
        data : 20
    },{
        label : "2016",
        data : 80
    }],
    outputFolder : __dirname
},function(imgPath){
    //....
});
Line Chart
var m1js = require('m1js');
 
m1js.createALine({
    data : [{
        label : "Sun",
        data : 45
    },{
        label : "Mon",
        data : 20
    },{
        label : "Tue",
        data : 80
    },{
        label : "Wed",
        data : 45
    },{
        label : "Thr",
        data : 20
    },{
        label : "Fri",
        data : 80
    },{
        label : "Sat",
        data : 50
    }],
    outputFolder : __dirname
},function(imgPath){
    //...
});
Donut Chart
var m1js = require('m1js');
 
m1js.createADonut({
    data : [{
        labels : "jQuery",
        data : 45
    },{
        labels : "Ruby",
        data : 20
    },{
        labels : "Python",
        data : 20
    }],
    outputFolder : __dirname,
    labelPath : "labels"
},function(imgPath){
    //...
});
HBar Chart
var m1js = require('m1js');
 
m1js.createAHBar({
    data : [{
        labels : "USA",
        data : 45
    },{
        labels : "Europe",
        data : 50
    },{
        labels : "Asia",
        data : 60
    }],
    outputFolder : __dirname,
    labelPath : "labels"
},function(imgPath){
    //...
});

RoadMap

  • Adding more Graphs
  • Adding 3D WebGl Graphs
  • Adding functionality for returning canvas objects.

FAQ's

Having issues installing canvas

Install lib through the below command. sudo apt-get install libcairo2-dev libjpeg-dev libgif-dev

Make sure you have G++ 4.8. sudo apt-get install g++-4.8

Preview

Donut

HBar

Pie

Bar

line-graph

Package Sidebar

Install

npm i m1js

Weekly Downloads

4

Version

0.1.2

License

ISC

Last publish

Collaborators

  • mennu