JavaScript Gauges in Metro Style

JavaScript Gauges in Metro Style is a collection of 8 gauges created in the up to date Windows8 or Metro style which can be introduced to just about any internet application: ASP, ASP.NET, PHP, JSP, ColdFusion, Ruby on Rails, and simple HTML pages.

The gauges integrated into the package deal don't seem to be simply separate meters, sliders, and so on. They can also be used as complete featured able gadgets meant to display the tips in a visually appealing means.

Every gauge is presented in JSON format making it simple to modify its settings and combine a gauge into a web site with simply elementary wisdom of HTML and JavaScript.

Features:

• Go-platform compatibility. The gauges will also be used on any structures: ASP, ASP.NET, PHP, JSP, ColdFusion, Ruby on Rails and straightforward HTML pages and accessed from any units: laptop, laptop, mobile (including iPhone and iPad), and via any browsers: IE, Mozilla Firefox, Google Chrome, Opera, Safari, and the like.
• Declarative description. The gauges are defined using declarative choice of the parameter in JSON.
• Customization. you'll set any parameters describing your gauge and create customized gadgets using JSON.
• Interactivity and Animation. Each gauge provides customizable interactivity and animation.
• Simple styling. A gauge styling will also be simply modified in CSS.
• Callback reinforce. you can get notifications approximately changes of the gauge value and maintain it in JavaScript.
• Simple integration. To integrate a gauge you just need to specify gauge name and house of a website the place it'll be inserted (“div” tag); and all this with JavaScript.
• WinRT suitable. The gauges can be built-in into HTML5-primarily based WinRT packages to effectively visualize data.

FULL DOWNLOAD

HTML5 (JavaScript) Gauges Library

HTML5 (JavaScript) Gauges Library is a collection of 10 gauges which is able to be brought to virtually any internet utility: ASP, ASP.NET, PHP, JSP, ColdFusion, Ruby on Rails, and easy HTML pages.

The library includes horizontal, vertical, and radial gauges created in visually-appealing unified taste. Every gauge is gifted in JSON structure making it easy to modify its settings and integrate a gauge into a website with simply fundamental wisdom of HTML and JavaScript.

Options:

• Go-platform compatibility. The gauges can be used on any platforms: ASP, ASP.NET, PHP, JSP, ColdFusion, Ruby on Rails and straightforward HTML pages and accessed from any units: laptop, computer, cell (including iPhone and iPad), and via any browsers: IE, Mozilla Firefox, Google Chrome, Opera, Safari, etc.
• Declarative description. The gauges are described the usage of declarative collection of the parameter in JSON.
• Customization. you can set any parameters describing your gauge and create custom objects the use of JSON.
• Interactivity and Animation. Every gauge supplies customizable interactivity and animation.
• Simple styling. A gauge styling can be simply changed in CSS.
• Callback toughen. you can get notifications approximately adjustments of the gauge value and take care of it in JavaScript.
• Simple integration. To combine a gauge you just need to specify gauge identify and area of a webpage where it's going to be inserted (“div” tag); and all this with JavaScript.
• WinRT appropriate. The gauges will also be integrated into HTML5-based totally WinRT programs to successfully visualize information.

FULL DOWNLOAD

JGraphUI - Flowchart and Diagram Editor

JGraphUI is a wealthy feature and highly customizable but easy to use diagram instrument and flowcharts, you'll be able to create, control and keep flowcharts and different kinds of diagrams.

FULL DOWNLOAD

Gauge Meter

gauge-meter.js is a mild weight, easy to use, absolutely customizable Gauge Meter rendered in a canvas tag.

It helps all mayor browsers.

jQuery isn't required

FULL DOWNLOAD

Bemo Editor - Rich Textual Content Editor with Charts

Bemo Editor is a “Wealthy Text Editor” with Charts insertion ability. you'll be able to insert column, pie or strains charts. It has 20 formatting options, the facility so as to add extra fonts and the power to change the HTML code of the textual content formatting.

OPTIONS:

1- 20 Text formatting options.

2- Very flex and easy to modify.

THREE- Easy to style it.

4- Charts (Columns – Pie – Strains).

FIVE- Back & Forward buttons.

6- Skill so as to add extra FONTs.

7- Talent to minimize the editor.

EIGHT- Talent to change the HTML in the code view and getting it performed.

DOCUMENTATION: This plugin is easily documented.

FULL DOWNLOAD

jQuery Graphs Plugin

Don’t waste time on adjusting width or width and top of bars in your chart.
Use this Graph Plugin,Just add knowledge of your columns and Your graph is set!!!

>Pack comprises Vertical bar graph,Horizontal bar graph,Histogram,Line Graph,Pie Graph,Space Grpah,Donut Graph
>Individual jquery Plugin and css record for every graph is given for ease.
>Easy to use.Just FOUR-5 strains of your graph knowledge and graph is set!!!
>Graphs supported in All major browsers as much as Ie9
>Vertical bar graphs,horizontal bar graphs works in Ie8 as well with single bar view not 3D bar view (Graceful degradation )
>Pie graph,Donut Graph,line graph,House graph won’t work in ie8 as they use HTML5 Canvas

>Watch Screenshots and Reside preview to get complete Concept of product.
>Documentation file added

Don’t Overlook To Rate The Product After Buying Please ask any query ahead of shopping for the product

Minor Update 29-04-2014 strains may also be added now to Line graph Leading Update 7-03-2014 Graph,Donut Graph Integrated Top Update FOUR-02-2014 2ND vertical graph and 2ND horizontal graph brought

Take a glance at jQuery Tablepro plugin which permits person to sort table knowledge

FULL DOWNLOAD

Infographic Charts and Photos HTML Tags Library

THIS CUSTOM JS charting library created by PSDDude from ZERO implements customized HTML tags which enable developing charts and graphs for infographics.

it's a light-weight, pure JavaScript charting library (NO jQuery or other libraries required) which makes use of HTML5 technologies and works on all brand new browsers together with IE, Chrome, Firefox, Opera, Safari.

To Use it you don't wish to recognize any JavaScript, as all of the charts are introduced as HTML tags. you'll apply the very uncomplicated infographic library documentation which additionally contains examples.

The library permits growing: - Piecharts and doughnuts - Shape graphs – you'll be able to transform any image(PNG) into a graph - Shape bar graphs – use any symbol (PNG) to construct a bar chart - Line graphs - Barchart graphs

Intensive easy to make use of documentation incorporated.

Simple customization: color scheme, measurement, and the like.

BONUS:UNFASTENED WordPress Charts and Graphs plugin for adding infographics for your posts and pages

check out the Christmas Infographic Sample

Consult With the infographic javascript library undertaking web page for planned options

Modification log

v 1.ZERO.3 Jul 17, 2014

• charts are now responsive; use % for width and the charts measurement will likely be adjusted according to the scale of the element the place inside of which it's placed and it is going to additionally resize with the window;
• for piechart and doughnut charts delivered the attribute “start-angle” to suggest the start line at which the slices will likely be drawn; this characteristic is in levels (from ZERO to 360 however it can be any quantity even bad);
• for piechart and doughnut chart if only one slice worth is used it will probably be handled as a proportion value; you can also use it as a price if the characteristic “label-kind” is set as “value” – set the newly delivered characteristic “base-worth” as a calculation base for showing the chart (eg. if the slice price is 50, the “label-type” is about as “worth” and the “base-worth” is set to 2 HUNDRED, the chart will show a slice 50 / TWO HUNDRED = 25%)

v 1.ZERO.2 Apr 9, 2014

• for line graph added the “x-axis-labels” characteristic to signify if the graph must display labels at the X-axis
• bar graphs can now be configured to display as stacked bar graphs through environment the “bar-kind” characteristic to “stacked”
• for piechart/doughnut delivered the “padding” attribute to indicate the gap among the outer circumference of the chart and the bounding box of the chart
• for piechart/doughnut added the “highlight-mode” characteristic to signify find out how to spotlight slices on mouse-over; the highlight can also be “default” for color spotlight only, “pop” for highlighting via coming out the slice and “border” for highlighting via adding an exterior border around the slice
• for piechart/doughnut brought the “spotlight-dimension” characteristic which matches in conjunction with the “highlight-mode” attribute to indicate the size of the popping out impact for “pop” and the width of the border for “border” spotlight mode

v 1.ZERO.1 Jan 13, 2014 Click here to view new options examples

• added the “label-type” characteristic to piechart/doughtnut which permits representing both share (“%”), value (“price”) or hiding the slice label
• added the “label-decimals” attribute to piechart/doughnut for indicating the precision of the number displayed on each slice
• delivered the “label-unit” attribute to piechart/doughnut for indicating the name of the measure unit used on each and every slice (eg. tens of millions, billions, computers, and so on.)
• introduced the “hollow-measurement” attribute for doughnut charts to signify the scale of the middle hollow
• introduced support for displaying CSV information for the line graph (eg. you'll export CSV knowledge from GoogleAnalytics and use that file as a parameter for the graph and it'll display it accordingly)
• line graph and bar graph has been adjusted to also beef up showing of bad values

FULL DOWNLOAD