10/06
2018
Wallogit.com
2017 © Pedro Peláez
library jquery-plugin-circliful
jQuery circle statistic plugin
pguso/jquery-plugin-circliful
jQuery circle statistic plugin
- Sunday, June 10, 2018
- by pguso
- Repository
- 56 Watchers
- 855 Stars
- 12 Installations
- CSS
- 0 Dependents
- 0 Suggesters
- 310 Forks
- 38 Open issues
- 10 Versions
- 0 % Grown
The README.md
Circle Statistics
Test it https://stackblitz.com/edit/js-2m2bs7, (*1)
New implementation of circliful, without any dependencies - dependencies are only used for development like webpack, jest, typescript, tslint and babel., (*2)
- show Infos as Circle Statistics, no images used
- based on SVG
- many options can be set
- fully responsive
How to use circliful
Include circliful to your Site via script tag. If you want to use font-awesome icons you need to include the files separately., (*3)
Github clone / download, (*4)
<link href="dist/main.css" rel="stylesheet" type="text/css" />
npm package, (*5)
npm i js-plugin-circliful
import {circliful} from 'js-plugin-circliful';
circliful.newCircle({
percent: 50,
id: 'circle',
type: 'simple',
});
@import 'js-plugin-circliful/dist/main.css';
<div id="circle"></div>
Documentation
- Api
- Create custom circle
- Setup dev enviroment (with webpack)
- List of available options
- Style your cirles via css
If you feel there is something missing in the documentation or the library please open a issue., (*6)
Donation
If you find this plugin useful or/and use it commercially feel free to donate me a cup of coffee :), (*7)
, (*8)