Peity
🍰 Progressive <svg> pie, donut, bar and line charts
Install / Use
/learn @benpickles/PeityREADME
Peity
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.
Related Skills
node-connect
341.8kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
84.6kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
341.8kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
commit-push-pr
84.6kCommit, push, and open a PR
