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
                })