https://github.com/lipka/piecon

A tiny javascript library for generating progress pie charts in your favicon.
https://github.com/lipka/piecon

Last synced: about 24 hours ago
JSON representation

A tiny javascript library for generating progress pie charts in your favicon.

• Host: GitHub
• URL: https://github.com/lipka/piecon
• Owner: lipka
• Created: 2012-08-01T21:27:02.000Z (over 12 years ago)
• Default Branch: master
• Last Pushed: 2022-10-12T17:56:44.000Z (about 2 years ago)
• Last Synced: 2024-12-06T03:00:49.115Z (8 days ago)
• Language: JavaScript
• Homepage:
• Size: 65.4 KB
• Stars: 2,318
• Watchers: 115
• Forks: 124
• Open Issues: 8
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• my-awesome-starred - piecon - A tiny javascript library for generating progress pie charts in your favicon. (JavaScript)

README

        
# 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](http://lipka.github.io/piecon/).

## Documentation

### Basic usage

```javascript

Piecon.setProgress(12);

Piecon.setProgress(25);

...

Piecon.reset();

```

### Options

```javascript

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](http://en.wikipedia.org/wiki/MIT_License).

## Credits

Piecon was inspired by Tom's [Tinycon](https://github.com/tommoor/tinycon).