Articles by "chart&graph"
Showing posts with label chart&graph. Show all posts

at 0
Top & Best jquery plugins,tutorials,effects with jquery examples,demos for beginners,designers,developers.jQuery Plugin Tutorial with example.

1. GaugeMeter.js 











A canvas  rendering library which generate animated Gauge Meter .
GaugeMeter.js is highly customizable and includes full-radial, semi-radial & arch dials.

Main Features


  • No dependency
  • Fully canvas rendering No images.
  • Custom modifications
  • Open Source



2. gauge.js 












Features

  • No images, no external CSS - pure canvas
  • No dependencies (jQuery is supported, but not required)
  • Highly configurable
  • Resolution independent
  • Animated guage value changes (!)
  • Works in all major browsers

3.Industrial.js
















A jQuery-driven library of CSS3 gauges, tanks, and more.

 This library allows you to create an array of different industrial monitoring components.
 These components include:

Tanks
Thermometers
Gauges
LEDs
and Digital Readouts



4. HTML Canvas Gauges 

This is tiny implementation of highly configurable gauge using pure JavaScript and HTML5 canvas. No dependencies. Suitable for IoT devices because of minimum code base.







Continue reading

at 0
Top & Best jquery plugins,tutorials,effects with jquery examples,demos for beginners,designers,developers.jQuery Plugin Tutorial with example.
Simple yet flexible JavaScript charting for designers & developers.

Features

Mix and match bar and line charts to provide a clear visual distinction between datasets.

 Plot complex, sparse datasets on date time, logarithmic or even entirely custom scales with ease.

 Out of the box stunning transitions when changing data, updating colours and adding datasets.

 Open source-Chart.js is a community maintained project, contributions welcome!

 Responsive-Redraws charts on window resize for perfect scale granularity.

 HTML5 Canvas-Great rendering performance across all modern browsers (IE9+)

 8 Chart types-Visualize your data in 8 different ways; each of them animated and customisable.

 Demo

 Download


Continue reading

at 0
Top & Best jquery plugins,tutorials,effects with jquery examples,demos for beginners,designers,developers.jQuery Plugin Tutorial with example.

In this Posts i will shown some html 5 chats and graphs that are  create using power of jquery .Charts and Graphs include time series, horizontal ,vertical, bar, pie, etc charts which are easy to extend and modify.

  1.  Google Charts


    Google chart is a best chart widget controll for developing interactive webpages .
    Features:

    Rich Gallery

    Choose from a variety of charts. From simple scatter plots to hierarchical treemaps, find the best fit for your data.

    Customizable

    Make the charts your own. Configure an extensive set of options to perfectly match the look and feel of your website.

    HTML5 / SVG

    Cross-browser compatibility (adopting VML for older IE versions) and cross-platform portability to iOS and new Android releases. No plugins are needed.
    Read more:
    View Demo:

  2. Chart.js


    6Type charts

    Visualise your data in different ways. Each of them animated, fully customisable and look great, even on retina displays.

    HTML5 Based

    Chart.js uses the HTML5 canvas element. It supports all modern browsers, and polyfills provide support for IE7/8.

    Simple and flexible

    Chart.js is dependency free, lightweight (4.5k when minified and gzipped) and offers loads of customisation options.
    Demo and documentation

  3. JqPlot


    jqPlot is a plotting and charting plugin for the jQuery Javascript framework. jqPlot produces beautiful line, bar and pie charts with many features:
    • Numerous chart style options
    • Date axes with customizable formatting.
    •  Up to 9 Y axes.
    • Rotated axis text.
    • Automatic trend line computation.
    • Tooltips and data point highlighting.
    • Sensible defaults for ease of use.
      Read more
Continue reading
Subscribe to: Posts (Atom)