Radial Progress Chart

Radial Progress Chart started as a weekend project. It’s written on the top of D3.js and was heavily inspired by Apple Watch Activity and D3 stub of Polar Clock

Features

I tried to make it highly customizable for serve multiple purposes. Some of the features available are:

• Add many progress rings as you want
• Place static or dynamic text in the center
• Customize diameter, stroke width, gap, colors
• CSS customizable
• Chart data can be update
• 275 bytes minified & gzipped

Dependencies

D3.js = ^3.5.0

Demo

Check out project page http://pablomolnar.github.io/radial-progress-chart

Installation

Download the latest version from Github or use your favorite package manager to include it in your project.

$ npm install radial-progress-chart

$ bower install radial-progress-chart

$ component install pablomolnar/radial-progress-chart

$ spm install radial-progress-chart

Check out project page http://pablomolnar.github.io/radial-progress-chart

API & Usage

Check out project page http://pablomolnar.github.io/radial-progress-chart

Browser Support

• Modern browsers (Chrome, Firefox, Safari, Opera, iOS, Android)
• IE9+

Contribution

Sure, pull request are welcome. Build the project locally using the following steps:

$ npm install
$ npm run-script build

Remember to test and hint your code with:

$ npm test
$ npm run-script hint    

##Publishing

• Bump version
• Tag vX.X.X
• npm version patch
• spm publish

License

This library is free and open source software, distributed under the MIT License. Copyright © 2015 Pablo Molnar @pmolnar;