Author: Nishant Singh

eCharts (v3) Gauge chart

eCharts (v3) has captured my attention and am impressed. Lets create a gauge chart and also understand the code. Note: CDN for english version of echarts version 3 can be found here : HTML: <!doctype html> <html> <head> <title>Charts Gauge

Posted in Charts n Graphs, Generic, JS Frameworks, Web Technology

eCharts (v3) Simple Bar Chart

I have been playing around with javascript based charting libraries. I like HighCharts. Its pretty good for the charts you will need with very good customization features. It, however it is not free (for commercial uses). D3 library is good

Posted in Charts n Graphs, Generic, JS Frameworks, Web Technology

Switch to Yarn (from npm)

I switched to yarn from npm cause it does everything that npm does (almost everything and more) , only faster. And by faster I mean, really really fast, like ultrafast. What is yarn, anyways? Its a package manager for your

Posted in Generic, Web Technology

Scaffolding Vue Projects – Webpack Template

In this post we will initialize a project using the webpack template (provided out of the box by This post assumes that you already have the vue-cli installed. [ See the previous post if not – >] Now

Posted in Generic, HTML5, JS Frameworks, VueJS, Web Technology Tagged with: , ,

Scaffolding Vue Projects – Simple Template

In this post we will setup a vue-cli for scaffolding due projects. First things first , install vue-cli At the time of writing this , to install vue-cli you need : Node installed (works with version >4.x) npm version 2+

Posted in Generic, JS Frameworks, VueJS, VueJS, Web Technology

Basic Vue JS Dev Setup

I have been lately exploring Vue JS and am fascinated with its simplicity. In this post am describing how to get started in setting up a simple dev environment. I would recommend atom editor with its live server. Frankly any

Posted in Generic, VueJS

Basic React Dev setup using npm or yarn and webpack

Setting Up ReactJS Environment Heres a basic react js dev setup (Level : Beginner)  Create a directory and go to the root of the directory mkdir my-react-dir cd my-react-dir Install npm brew install npm  // installs node or  you can download

Posted in Generic, Web Technology

Apache Drill – Get Started in minutes

What is Apache Drill ? Schema-free SQL Query Engine for Hadoop, NoSQL and cloud storage. It is a distributed processing engine that interprets SQL.  Drill supports a variety of NoSQL databases and file systems, including HBase, MongoDB, MapR-DB, HDFS, MapR-FS,

Posted in Big Data, Generic, NoSQL

Using Gulp – Part 2

Continuing from Using Gulp – Part 1 , we first start with linting js file 1. Using gulp for Linting Step 1 : Create a file in project root folder (say gulpfile.js) and open it using your favorite editor . Step 2:

Posted in Web Technology

Using Gulp – Part 1

If you are a web developer and if you have been using Grunt (JS task runner) , then Gulp is what you should definitely take a look at. If you are not familiar with Grunt or any other JS task runners,

Posted in Web Technology

Hit Counter provided by technology news