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