A tiny javascript library for generating progress pie charts in your favicon.
JavaScript HTML
Latest commit 4a2bb61 Nov 19, 2015 @lipka 0.5.0 release
Permalink
Failed to load latest commit information.
example Tidy up a little. Mar 26, 2013
.gitignore
README.md
gulpfile.js Add package.json and gulp for minification. Aug 10, 2015
package.json
piecon.js Fix TypeError on setProgress Nov 18, 2015
piecon.min.js 0.5.0 release Nov 19, 2015

README.md

Piecon

Pie charts in your favicon! A tiny javascript library for dynamically generating progress pie charts in your favicons.

Now with retina support!

See the live demo here.

Documentation

Basic usage

Piecon.setProgress(12);
Piecon.setProgress(25);
...
Piecon.reset();

Options

Piecon.setOptions({
  color: '#ff0084', // Pie chart color
  background: '#bbb', // Empty pie chart color
  shadow: '#fff', // Outer ring color
  fallback: false // Toggles displaying percentage in the title bar (possible values - true, false, 'force')
});

Browser Support

Piecon has been tested to work completely in the following browsers (older versions may be supported, but haven't been tested):

  • Chrome 15+
  • Firefox 9+
  • Opera 11+

Currently the library falls back to title updates for the following browsers:

  • Internet Explorer 9
  • Safari 5+

Piecon is retina compatible so you can enjoy pixel-perfect crisp graphics.

License

Licensed under the MIT license.

Credits

Piecon was inspired by Tom's Tinycon.