Package Exports

js-plugin-circliful

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (js-plugin-circliful) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

js-plugin-circliful

New implementation of circliful, without any dependencies - dependencies are only used for development like webpack, jest, typescript, tslint and babel.

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 or install it as npm module. If you want to use font-awesome icons you need to include the files separately.

//copy from dist folder
<link href="dist/main.css" rel="stylesheet" type="text/css" />

<div id="circle"></div>

<script src="dist/circliful.js"></script>
<script>
    circliful.newCircle({
        percent: 50,
        id: 'circle',
        type: 'simple',
    });
</script>

Documentation

If you feel there is something missing in the documentation or the library please open a issue.

Donation

If you find this plugin useful or/and use it commercially feel free to donate me a cup of coffee :)