English fire

Java Script Library Tools (Client Side Programming)

2012-08-02T07:02:00.000-07:00

Introduction

There are more and more Javascript chart and graph plotting solutions are being released and available for free online. I work on a complicated graph for a website before, we used highchart as the solution, during that time, there isn't a lot of plugins to choose from, but now, we can easily find many very capable charting libraries. Personally, the rise of this kind of plugins are due to:

Flash used to be the best solution, but everyone is moving on from there.
Modern browsers and powerful computing make it possible to render live data easily.
Maturity of different technologies in drawing vector: VML, SVG and Canvas.

Of course, you need to carefully choose one that fit your requirements. As we mentioned before, they use various technologies, as a result, some plugins support canvas only which require modern browsers, and other combine multiple technologies altogether so it able to work on different platforms and older browsers.
Anyway, in this posts, we have collected 13 Chart and Graph plotting javascript plugins. A few are framework independent and most of them support the basic such as bars, lines, pies and many of them supports even more complicated one such as correlation plots, Venn diagrams, heatmaps, newick trees, 2D-scatter plots, 2D-scatter bubble plots, 3D-scatter plots. Pretty sure you will able to find one that meet your need in this list.

1. Flotr2

The Flotr2 is a framework independent library for drawing HTML5 charts and graphs. It is a branch of flotr which removes the Prototype dependency and includes many improvements. It supports lines, bars, candles, pies and bubbles charts. Older browsers such as IE6 are support and as well as mobile platform.

2. Rickshaw

The Rickshaw is a JavaScript toolkit for creating interactive time series graphs. It relies on D3 visualization library and some extensions require jQuery and jQuery UI.

3. D3 (Data-Driven Documents)

A famous and efficient visualization library that surprising used by some of the chart plugin in this post. D3 allows you to bind arbitrary data to a Document Object Model (DOM), and then apply data-driven transformations to the document. As a trivial example, you can use D3 to generate a basic HTML table from an array of numbers. Or, use the same data to create an interactive SVG bar chart with smooth transitions and interaction.

4. Awesome Chart JS

The AwesomeChartJS is a simple Javascript library that can be used to create charts based on the HTML 5 canvas element. The main goal during development was to pick sane defaults in order to let the user create simple charts quickly with just a couple of lines of code.

5. canvasXpress

The CanvasXpress is a javascript library based on the tag implemented in HTML5. I developed this library as the core visualization component for our BMS systems biology platform. It supports crazy amount of highly complicated charts and graphs.

6. Humble Finance

The HumbleFinance is an HTML5 data visualization tool written as a demonstration of interactive graphing in HTML5. It is similar to the Flash tool on http://finance.google.com/. The tool itself is written entirely in JavaScript, using the Prototype and Flotr libraries. It can be used to display any two 2-D data sets of real numerical data which share an axis.

7. R Graph

The RGraph is a HTML5 Javascript charts library that supports over 20 different types of charts. Using the new HTML5 canvas tag, RGraph creates these Javascript charts in the web browser, meaning quicker pages and less web server load. Using RGraph is an easy way of speeding up your website.

8. dygraphs

The dygraphs is an open source JavaScript library that produces produces interactive, zoomable charts of time series. It is designed to display dense data sets and enable users to explore and interpret them. This is a lightweight solution and works in Internet explorer too.

9. HighChart

The Highcharts is a charting library written in pure JavaScript, offering intuitive, interactive charts to your web site or web application. Highcharts currently supports line, spline, area, areaspline, column, bar, pie and scatter chart types. A famous chart/graph solution used by many well-known organization such as IBM, NASA, Siemens, HP etc.

10. gRaphael

The gRaphaël’s goal is to help you create stunning charts on your website. It is based on Raphaël graphics library. Check out the demos to see static and interactive charts in action. gRaphaël currently supports Firefox 3.0+, Safari 3.0+, Opera 9.5+ and Internet Explorer 6.0+.

11. jqPlot

The jqPlot is a plotting and charting plugin for the jQuery Javascript framework. jqPlot produces beautiful line, bar and pie charts with many features.

12. JS Charts

The JS Charts is a JavaScript based chart generator that requires little or no coding. With JS Charts drawing charts is a simple and easy task, since you only have to use client-side scripting (i.e. performed by your web browser). No additional plugins or server modules are required. Just include our scripts, prepare chart data in XML, JSON or JavaScript Array and your chart is ready!

13. JSXGraph

The JSXGraph is a cross-browser library for interactive geometry, function plotting, charting, and data visualization in a web browser. It is implemented completely in JavaScript, does not rely on any other library, and uses SVG, VML, or canvas. JSXGraph is easy to embed and has a small footprint: less than 100 KByte if embedded in a web page. No plug-ins are required! Special care has been taken to optimize the performance.

How Web server works?

2012-02-16T07:58:00.000-08:00

This post describes "how web server works".

1. Introduction:

All of you may have question that how and what mechanisms are involved in the Internet. Finally we are receiving our interested information as web-pages with ease of simple efforts (typing context in the search engine). We used to sit in front of computer, right now, viewing this page in a browser. So, when you clicked on the link or typed in its URL for this page, what happened behind the scenes to bring this page onto your screen?
If you've ever been curious about the process, or have ever wanted to know some of the specific mechanisms that allow you to surf the Internet, then read on. In this article, you will learn how Web servers bring pages into your computer-screen-browser (home, school or office). Let's get started!

2. Process while typing URL in browser:

The steps involved with browser while typing URL in address bar of browser. For example let us take an illustrative url link, as, www.en.wikipedia.org/wiki/Stephen_Hawking. (I considered this URL since, I am curious about his ideology).

The browser decouple the URL into three parts are,

The protocol ("http")
The server name ("www.en.wikipedia.org")
The file name ("wiki/Stephen_Hawking")

Using this information, the browser should get the exact location of the server name( point #2). There fore, the browser communicated with a name server using "http" protocol for obtaining the location of the server name "www.en.wikipedia.org". Typically, in Internet domain the location will be described with IP Address. There for finally the browser gets the ip address of the server machine. The browser then form a connection to the server located at the IP address on port 80.
Now, the browser sent a GET request to the server via the HTTP protocol, asking for the file "www.en.wikipedia.org/wiki/Stephen_Hawking" (Note that cookies may be sent from browser to server with the GET request).
The server then sent the HTML file to the browser, namely web-page. (Cookies may also be sent from server to browser at the header for the page.) The browser translates the HTML tags and display on the screen.
Note:

If you find all computer jargons included in this process are new, start to learn web and its associated technologies. The best place to get to know about web-technologies is here. And to understand this whole process in comprehensive details, you need to learn and start with IP addresses, ports, protocols and keep go on.

The next process will be updated soon.

bpmn creation software environment

2012-02-03T03:19:00.000-08:00

These days, I am working on business process models (BPM) using standard graphical notation called bpmn (business process model and notation). Brief summary of bpmn and its usage for myriad applications in several domain will be posted soon. Mean while, in this post I am giving few sources for variety softwares in which we can create and manipulate bpmn diagrams.

BPMN initiated by the consortium OMG and also there is a bpmn-community is running by the researchers at Business Process Technology Group of Hasso Plattner Institut, University of Potsdam. The BPMN-community is an open and free platform for the exchange around the Business Process Model Notation. The latest version of BPMN 2.0, is provided since 2011 offically.

Few software sources:

sparx EA, is windows compatible software, we can model business process using bpmn elements. The creation of business process models with bpmn in this software also facilitates the take advantages of other modules of sparx systems. But this software is proprietary.
" This software can be use in linux with the help of wine."
dia, is linux based software and open-source. Terminal command to install is >> sudo apt-get install dia.
Iyopro. is actually a compony with freeware. It is great for those who want to feel a more “Window” atmosphere, because the software is design to be deployed as if you operate in Window. The artifacts provided are the latest version of BPMN 2.0. Membership is required.
yED Graph Editor is windows, linux and mac based software and now-days they are also providing on-line service with the option named "launch" the software. They recently released yEd 3.9 version on Jan 31, 2012 with bpmn 2.0 graphical elements compatible

English Letter Writing Practice

2012-02-02T05:14:00.000-08:00

This post describes tips for writing formal letters in English and also given related url links will help you in this regard.

I am not here to explain again how to write formal letter writing, since, now we are in 2012 phase and internet is full up with myriad of tutorials on-line. Therefore, as of now, I have found few links that are given below, which are helpful in writing formal letters

sources for writing letters:
1. click here : Guide to Basic Business Letters
2. click here : Letter writing guide with sample examples.
3. click here : Writing business letter useful phrases

Epilogue of Man

2011-09-22T03:53:00.000-07:00

Over the years, Noble scientific researchers from all other domains defines the notion of "What human-being is ?"

Here are few links, which shows about defining human-being by great humans. These links will being update as time permits.

On set of English taken birth in my mind

2011-09-16T03:37:00.000-07:00

Epilogue:

English is a language to vivid and express feelings, emotions, ideas, needs, daily things, communicating with others and so on. As the human beings have tangled potential skill of learning activities, storing those in software called mind, and in hard ware called body-skin. In special cases, our mind used to do analysis on that if time permits. Over the years, the information has been taken birth and been capturing and continuing with current technologies. This information been capturing not only in minds but also storage devices called talapatras (a special type of leaves), papers, analog devices and now in digital devices, called computers, been captured in different languages. This facilitates the development of human power, yield of knowledge and sharing the information with the latter generation. Earlier, the information is been developed with disparate languages and now, in this computerized world/time, all the information been taken rebirth in one common language called English. Now-a-days, all populaces gaining and knowing information with different kinds of platforms such as newspaper, media, television, the Internet.

So, I have realized that to express my thoughts and communicating with the world using common-language-platform called English. This article is my first blog-post-writing, when I am at the on set of learning English. For the time being I have decided to post my experience lessons and ideas while learning English.

The ideas and lessons will be updated soon if time permits...

Profession in Life

2011-09-16T02:00:00.000-07:00

"Real success is finding your lifework in the work that you love"
- David McCullough

Getting the degree is a huge accomplishment and the start of new chapter in the life.

As you build your career, keep in mind that work is only part of your professional life. Making connections, giving back to society, and being involved in the technology community are all part of your professional career.

You have chosen a profession that will allow you to improve lives and change the world...enjoy it.

2011-08-15T13:27:00.000-07:00

Word	Example	Meaning
endemic (adj)	endemic corruption in state	Regularly found in a particular place
voluble (adj)	He is very voluble on the subjects of women's rights	Talking a lot with enthusiasm about a subject, express in many words, quickly.
deter		To make some body decides not to do some thing by making them understand difficulties.

2011-08-14T13:58:00.000-07:00

Word	Example	Meaning
compere (v)	pratiba patil praised my compere in the function	person who introduces speakers
abundance (n)	abundance of research on economy.	a large quantity that is more than enough
current account (n)		a type of bank account that you can take money out of any time
deficit (n)	Higher current account deficit can be a source of financing infrastructure.	the amount by which money spent is greater than money earn in a particular period of time
forbearance (n)	Regulatory forbearance not good in banking sector	The quality of being patient and sympathetic towards other people when they have done something wrong

The words have taken from the article on 'Cost of Financing Infrastructure'. Source

2011-02-01T21:11:00.000-08:00

Feb 2nd, 2010
Vocabulary Usage

Header 1	Header 2
row 1, cell 1	row 1, cell 2
row 2, cell 1	row 2, cell 2

Vocabulary Meaning

Word	Meaning
1	1