Chart Circle

A lightweight JavaScript library that generates circular graphs in SVG. Read Full Documentation

Examples

Lightweight JavaScript library that generates circular graphs in SVG. Now with animation.

								
									<div id="task-complete"></div>
								
							
								
									Circles.create({
										id:           'task-complete',
										radius:       75,
										value:        80,
										maxValue:     100,
										width:        7,
										text:         function(value){return value + '%';},
										colors:       ['#eee', '#177dff'],
										duration:     400,
										wrpClass:     'circles-wrp',
										textClass:    'circles-text',
										styleWrapper: true,
										styleText:    true
									})