Showing posts with label Chart amp; Graph. Show all posts
Showing posts with label Chart amp; Graph. Show all posts

Thursday, February 2, 2012

Dracula : JavaScript Graph Library

Dracula is a set of tools to display and layout interactive graphs, along with various related algorithms.No Flash, no Java, no plug-ins. Just plain JavaScript and SVG. The code is released under the MIT license, so commercial use is not a problem.

Thursday, January 26, 2012

Open Source Javascript Charting Library – gRaphael

gRaphael is an Open Source Javascript Charting Library based on Raphael Javascript Library. It helps you to create stunning static and interactive charts with ease.gRaphaƫl is cross browser compatible and currently supports Firefox 3.0+, Safari 3.0+, Opera 9.5+ & Internet Explorer 6.0+.

Tuesday, January 24, 2012

jQuery with Google Charts : gvChart plugin

gvChart is a jQuery plugin, that uses Google Charts API to create interactive visualization by using data from the HTML table tag.

Its very easy to create charts with gvChart jQuery plugin:

1. Create an HTML table
2. Download and initialize gvChart
3. Connect gvChart to your table

Easily customizable and allows to create Area, Line, Bar, Column and Pie charts.

Sunday, January 15, 2012

JSON Driven Zoomable Drill Down Bar Chart: DDChart

DDChart is a JSON data driven bar chart plugin that creates a classy bar chart with flash like animation effects.

Its a small yet useful bar chart jQuery plugin that is packed with nice features including:

  • Zoom-in / zoom-out effect on bar charts during drilling up / down with flashy animations

  • Bars, legends, and fonts expand and contract to fit their container

  • On load chart recalculations to fit all containers

  • Automatic drill up breadcumb creation

Tuesday, December 20, 2011

jQuery Highcharts Table

Here at PMSIpilot we wanted to use Highcharts graph library but with a way to convert automatically our HTML tables containing data into graphs.So we decided to code a jQuery plugin to make this conversion peacefully.

Sunday, December 11, 2011

jQuery OrgChart – a plugin for visualising data in a tree-like structure

jQuery OrgChart is a jQuery plugin that allows you to render structures with nested elements in a easy-to-read tree structure. To build the tree all you need is to make a single line call to the plugin and supply the HTML element Id for a nested unordered list element that is representative of the data you’d like to display.Showing/hiding a particular branch of the tree by clicking on the respective node.Drag-and-drop reorganisation of elements.Nodes can contain any amount of HTML except <li> and <ul>.Very easy to use given a nested unordered list element.

Tuesday, November 15, 2011

jqPlot - jQuery plotting and charting plugin

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

Wednesday, November 2, 2011

jQuery Sparklines Graph

This jQuery plugin generates sparklines (small inline charts) directly in the browser using data supplied either inline in the HTML, or via javascript.

The plugin is compatible with most modern browsers and has been tested with Firefox 2+, Safari 3+, Opera 9, Google Chrome and Internet Explorer 6, 7 & 8.

Thursday, September 29, 2011

Elycharts an ultimate jQuery charting library

Elycharts is a pure JavaScript charting library, easy to use and completely customizable. It helps you create good looking interactive charts on you web pages or web applications, with a lot of useful features: legend and label support, mouse tracking, tooltips, templates, animations, and more.

Sunday, September 25, 2011

Create An Animated Bar Graph With HTML, CSS And jQuery

Graphs of financial projections, quarterly sales figures and market saturation are a middle-manager’s dream.How can we as Web designers get in on all of this hot graph action? There are actually quite a few ways to display graphs on the Web. We could simply create an image and nail it to a Web page. But that’s not very accessible or interesting. We could use Flash, which is quite good for displaying graphs — but again, not very accessible. Besides, designers, developers and deities are falling out of love with Flash. Technologies such as HTML5 can do many of the same things without the need for a plug-in. The new HTML5 <canvas> element could even be adapted to the task. Plenty of charting tools are online that we might use.

Tuesday, September 20, 2011

JQuery Gantt Chart

jQuery Gantt Chart is a simple chart that implements gantt functionality as a jQuery component.

It's able to:

  • Read json data

  • Paging results

  • Display different colours for each task

  • Display short description as hints

  • Mark holidays

Monday, August 29, 2011

Peity Mini Chart in jQuery

Peity (sounds like deity) is a simple jQuery plugin that converts an element's content into a simple <canvas> mini pie, line or bar chart.

Thursday, July 21, 2011

jQuery EasyUI framework

jQuery EasyUI framework help you build your web page easily.

  • easyui is a collection of user-interface plugin based on jQuery.

  • using easyui you don't need to write many javascript code, you usually defines user-interface by writing some HTML markup.

  • easyui is very easy but powerful.

Wednesday, July 13, 2011

TufteGraph a jQuery Graphs plugin

TufteGraph is a JS library by which you can easily create graphs. All the configuration is by dynamic functions, allowing for a really compact API (very few options). Also, Non-core layout is done via CSS rather than code. You can customize the style of graph by editing it’s CSS.

Saturday, April 16, 2011

A Snazzy Animated Pie Chart with HTML5 and jQuery

In this tutorial I'm going to show you how to build a lovely, interactive pie chart using the latest HTML5 technologies. Not that long ago, this kind of thing was only practical to do with Flash. Now, thanks to advances such as the HTML5 canvas element, we can create pretty nifty animated effects using nothing but JavaScript, CSS, and a small sprinkling of maths!

Thursday, April 7, 2011

Wijmo jQuery UI Widgets

Wijmo is a complete kit of over 30 UI widgets with everything from interactive menus to rich charts. If you know jQuery, you know Wijmo. Complete with documentation and professional support, every widget is hand-crafted and includes premium themes.

Thursday, February 17, 2011

jQuery + Flot - Plots, Canvas and Charts

Here is the Javascript using jQuery that fetch and format the data to be processed by Flot.