Learning jQuery

The circular graphs with the numerical value in the center have been a great way to visualizing data lately. In this article I have gathered 7 Best JavaScript Libraries for creating circular charts, following JavaScript libraries create circular chart, Donut, Pie chart or display data in circle. These libraries don't use images to represent images; instead they use HTML 5 canvas to create circular form of graph.

Let's Explore the list.

1. Circles

Circles is a lightweight JavaScript library without dependencies, that generates the SVG chart on the fly.

2. jQuery Kontrol

jQuery Kontrol is a experimental JavaScript jQuery library of UI controls ; dial (was jQuery Knob), XY pad, bars. It is canvas based so no png or jpg sprites. It also have touch, mousewheel, keyboard events implementation.

3. Chart.js

Chart.js is an easy, object oriented client side graphs for designers and developers. You can visualise your data in 6 different ways. Each of them animated, fully customizable and look great, even on retina displays. Chart.js uses the HTML5 canvas element. It supports all modern browsers, and polyfills provide support for IE7/8.

4. Circleful

Circliful is a jQuery plugin for showing circle statistics; It is based on HTML 5 and jQuery so no images are used.

5. Circle

Circle is a Small JavaScript library that generates circular graphs.

6. CircleDonutChart

This library takes your parameters and displays a circle donut (in flat style). The displaying is performed by writing an SVG graphic into a provided DIV element. Changing values of the circle leads to a smooth animation that can also be triggered if the scrolling position is fully showing the circle.

7. JSGraphics.js

This JavaScript VectorGraphics library provides graphics capabilities for JavaScript: functions to draw circles, ellipses (ovals), oblique lines, polylines and polygons (for instance triangles, rectangles) dynamically into a webpage. Usage of this Vector Graphics library should be easy even if you don't have JavaScript experience.