anurag1140/circle

Small JavaScript library that generates circular graphs.

Circular charts

Small JavaScript library that generates circular graphs.

##Usage

Include the JavaScript file in your HTML.

you can call it with.

new Circle( {
    id: "circle",
    width: 10,
    radius: 60,
    shadow: 7,
    text: "6.5",
    values: [{percent: 65, color: "#99C"}, {percent: 65, color: "#B7B7EB"}]
} );

where

• id - circular chart wrapper element.
• width - the width of the circle (optional, default 10).
• radius - the radius of the circle.
• shadow - draw a shadow around the circle.
• text - the text to display at the centre of the circle (optional, default blank)
• values - an array of javascript objects containing a percentage and a color { percentage: 27, color: "#B7B7EB" }, the circle will always be completed with a white color.

##Browser support The library use the canvas element, you can check the support on caniuse

##Licence Circle.js is licensed under the terms of the MIT License.

##Inspired from * SVG Circles * Treehouse use a chart to track points earned by students on different topics.