Logo

0x5a.live

for different kinds of informations and explorations.

GitHub - benpickles/peity: Progressive <svg> pie, donut, bar and line charts

Progressive <svg> pie, donut, bar and line charts. Contribute to benpickles/peity development by creating an account on GitHub.

Visit SiteGitHub - benpickles/peity: Progressive <svg> pie, donut, bar and line charts

GitHub - benpickles/peity: Progressive <svg> pie, donut, bar and line charts

Progressive <svg> pie, donut, bar and line charts. Contribute to benpickles/peity development by creating an account on GitHub.

Powered by 0x5a.live ๐Ÿ’—

Peity

Tests

Peity (sounds like deity) is a jQuery plugin that converts an element's content into a mini <svg> pie, donut, line or bar chart.

Basic Usage

HTML

<span class="pie">3/5</span>
<span class="donut">5,2,3</span>
<span class="line">3,5,1,6,2</span>
<span class="bar">2,5,3,6,2,1</span>

JavaScript (jQuery)

$(".pie").peity("pie");
$(".donut").peity("donut");
$(".line").peity("line");
$(".bar").peity("bar");

Docs

More detailed usage can be found at benpickles.github.io/peity.

Development

Run the automated tests with:

npm test

To manually view all test cases run:

make server

And hit http://localhost:8080/.

Release

Update the version string in jquery.peity.js, run make release, and follow the instructions.

Copyright

Copyright 2009-2020 Ben Pickles. See LICENCE for details.

JavaScript Resources

are all listed below.

Resources

listed to get explored on!!

Made with โค๏ธ

to provide different kinds of informations and resources.