Javascript Journal

Pravin’s Javascript Blog

Example: AngularJS and Yahoo Weather Web Services

This is a simple web application which demonstrates use of AngularJs framework to consume Yahoo Weather Forecast web services.

See demo @



MongoDB 3.0 is now available

MongoDB 3.0 is now available. Key features include support for the WiredTiger storage engine, pluggable storage engine API, SCRAM-SHA-1 authentication mechanism, and improved explainfunctionality.


For more information :

Completed : M102: MongoDB for DBAs

Just wanted to let all know about successful completion of M102: MongoDB for DBAs


Completed M101JS: MongoDB for Node.js Developers successfully

Just wanted let all know about one of latest technology class I completed.



Metro Studio: Wonderful icon editor

Recently I released one of the  largest custom built enterprise application. During the testing phase, user feedback was it has amazing and consistent WUI.

Consistency is one of the design principles that users naturally expect in a design. By making your design look and behave consistently you make it more understandable, more learnable and thus more usable. In fact, the whole point of platform-specific Human Interface Guidelines is to make your app consistent with others in the same platform so that users can readily understand your app and don’t have to learn it anew.

Most probably, you’re already making your designs consistent. But how far do you take it? By making your designs visually consistent at a deeper level you could make your app a lot more professional and reliable.

Consistent icon design is very time-consuming. Last year I came across an amazing icon editor from Syncfusion. It is Metro Studio and this helped me save lot of time.

Here are few highlights of this wonderful icon editor.

  • Syncfusion Metro Studio has a collection of over 2500 Metro-style icon templates that can be easily customized to create thousands of unique Metro icons
  • These icons are available royalty-free and can be used in commercial applications
  • Metro Studio includes a powerful icon editor that lets you quickly find and customize all the icons that you need in only a few minutes
  • Easily customize thousands of font characters as icons and export them to the desired formats
  • Organize icons into projects that can be serialized for modification at a later time. Multiple icons in a project can be exported with a single click

For more details:

Check this out: Amazing JavaScript Charting : HIGHCHARTS

Highcharts is a charting library written in pure JavaScript, offering an easy way of adding interactive charts to your web site or web application. Highcharts currently supports line, spline, area, areaspline, column, bar, pie, scatter, angular gauges, arearange, areasplinerange, columnrange, bubble, box plot, error bars, funnel, waterfall and polar chart types.

More demos at

SVG 2D Sketcher/ Editor

Check it out. This is a open-source SVG-Editor. You can create 2D shapes, save images,

Flex: Ganttchart

This component is 100% designed and developed using Flex3 framework. and is compatible with Flex 4 framework.

Check this out here.

For more information, contact Pravin Asar

Javascript: GanttChart

Here is lightweight and cross browser GanttChart component [ Beta release].

This 100% developed by me. Here is an example

Javascript: Accordian

For one of my project, customer wanted an horizontal accordian control.

Research indicated, I need to use quite bit of external library and extensions/plugin to get this.
This inspired me to write a lightweight, cross browser horizontal accoridan.

Here is an example [Horizontal Accordian]

Note: These are tested with IE8/IE9 and Firefox