PHPackages gaomingcode/gauge.js - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Parsing & Serialization](/categories/parsing) 4. / 5. gaomingcode/gauge.js ActiveLibrary[Parsing & Serialization](/categories/parsing) gaomingcode/gauge.js ==================== 100% native and cool looking JavaScript gauge. 1.3.7(4y ago)09MITCoffeeScript Since Jun 5Pushed 4y agoCompare [ Source](https://github.com/gaomingcode/gauge.js)[ Packagist](https://packagist.org/packages/gaomingcode/gauge.js)[ Docs](http://bernii.github.com/gauge.js)[ RSS](/packages/gaomingcode-gaugejs/feed)WikiDiscussions master Synced 1w ago READMEChangelog (1)DependenciesVersions (2)Used By (0) gauge.js ======== [](#gaugejs) [![GitHub Version](https://camo.githubusercontent.com/2d63f9ee090a798a1d328458447dd9668b4e72f7783626adc446f553cc2cb8a6/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f72656c656173652f67616f6d696e67636f64652f67617567652e6a732e737667)](https://github.com/gaomingcode/gauge.js)[![Packagist Downloads](https://camo.githubusercontent.com/0a2efa718f276db39191861bc269d914690e248d83fa46ba3a0674f6fc970287/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f646d2f67616f6d696e67636f64652f67617567652e6a73)](https://github.com/gaomingcode/gauge.js)[![Github License](https://camo.githubusercontent.com/bfd4f5b5bd5621008d2d49a23e8c8c100a60dc8fb671567d0d3b0eb1cebc5214/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f67616f6d696e67636f64652f67617567652e6a73)](https://github.com/gaomingcode/gauge.js) Installation ------------ [](#installation) ### Composer [](#composer) ``` composer require gaomingcode/gauge.js ``` ReadMe from Origin ------------------ [](#readme-from-origin) 100% native and cool looking animated JavaScript/CoffeScript gauge. - No images, no external CSS - pure canvas - No dependencies - Highly configurable - Resolution independent - Animated gauge value changes - Works in all major browsers - MIT License Usage ----- [](#usage) ``` var opts = { angle: 0.15, /// The span of the gauge arc lineWidth: 0.44, // The line thickness pointer: { length: 0.9, // Relative to gauge radius strokeWidth: 0.035 // The thickness }, colorStart: '#6FADCF', // Colors colorStop: '#8FC0DA', // just experiment with them strokeColor: '#E0E0E0' // to see which ones work best for you }; var target = document.getElementById('foo'); // your canvas element var gauge = new Gauge(target).setOptions(opts); // create sexy gauge! gauge.maxValue = 3000; // set max gauge value gauge.setMinValue(0); // set min value gauge.set(1250); // set actual value ``` For an interactive demo and a list of all supported options please refer to the [project's homepage](http://bernii.github.com/gauge.js). Wrappers -------- [](#wrappers) gauge.js can be wrapped to a number of frameworks. Here are some examples: - **Vue** - [vgauge](https://github.com/amroessam/vgauge) ### Health Score 24 — LowBetter than 32% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity4 Limited adoption so far Community16 Small or concentrated contributor base Maturity51 Maturing project, gaining track record Bus Factor2 2 contributors hold 50%+ of commits How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Unknown Total 1 Last Release 1808d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/4b333bd44a2f7f526cc29a59b2945b27c7d2f31df68b92c2eb46efbddc032483?d=identicon)[gaomingcode](/maintainers/gaomingcode) --- Top Contributors [![bernii](https://avatars.githubusercontent.com/u/778717?v=4)](https://github.com/bernii "bernii (38 commits)")[![kplindegaard](https://avatars.githubusercontent.com/u/5760583?v=4)](https://github.com/kplindegaard "kplindegaard (35 commits)")[![Knight2601](https://avatars.githubusercontent.com/u/4519594?v=4)](https://github.com/Knight2601 "Knight2601 (29 commits)")[![hangy233](https://avatars.githubusercontent.com/u/5115907?v=4)](https://github.com/hangy233 "hangy233 (6 commits)")[![gaomingcode](https://avatars.githubusercontent.com/u/53959161?v=4)](https://github.com/gaomingcode "gaomingcode (3 commits)")[![deargle](https://avatars.githubusercontent.com/u/1174653?v=4)](https://github.com/deargle "deargle (2 commits)")[![laggingreflex](https://avatars.githubusercontent.com/u/2523987?v=4)](https://github.com/laggingreflex "laggingreflex (1 commits)")[![marcantonio](https://avatars.githubusercontent.com/u/942893?v=4)](https://github.com/marcantonio "marcantonio (1 commits)")[![minj](https://avatars.githubusercontent.com/u/1035523?v=4)](https://github.com/minj "minj (1 commits)")[![rhoot](https://avatars.githubusercontent.com/u/1258798?v=4)](https://github.com/rhoot "rhoot (1 commits)")[![andyhmltn](https://avatars.githubusercontent.com/u/933505?v=4)](https://github.com/andyhmltn "andyhmltn (1 commits)")[![stigkj](https://avatars.githubusercontent.com/u/14671?v=4)](https://github.com/stigkj "stigkj (1 commits)")[![came88](https://avatars.githubusercontent.com/u/11338774?v=4)](https://github.com/came88 "came88 (1 commits)")[![christianesperar](https://avatars.githubusercontent.com/u/1621344?v=4)](https://github.com/christianesperar "christianesperar (1 commits)")[![dmonaldo](https://avatars.githubusercontent.com/u/7877264?v=4)](https://github.com/dmonaldo "dmonaldo (1 commits)")[![joshhunt](https://avatars.githubusercontent.com/u/46142?v=4)](https://github.com/joshhunt "joshhunt (1 commits)")[![jtokoph](https://avatars.githubusercontent.com/u/346225?v=4)](https://github.com/jtokoph "jtokoph (1 commits)") --- Tags jsonjqueryajaxformjquery-pluginjson-formhtml-formjquery-form ### Embed Badge ![Health badge](/badges/gaomingcode-gaugejs/health.svg) ``` [![Health](https://phpackages.com/badges/gaomingcode-gaugejs/health.svg)](https://phpackages.com/packages/gaomingcode-gaugejs) ``` ### Alternatives [jquery-form/form The jQuery Form Plugin allows you to easily and unobtrusively upgrade HTML forms to use AJAX. 5.2k235.5k6](/packages/jquery-form-form)[kartik-v/yii2-markdown Advanced Markdown editing and conversion utilities for Yii Framework 2.0 88265.8k6](/packages/kartik-v-yii2-markdown)[phery/phery XAJAX alternative, phery.js is a library in PHP that maps to all jQuery functions, DOM manipulation, meta arguments and serialization, seamless ajax integration, RESTful emulation, form submission and partial rendering views, plus its PSR-0 compatible 13813.1k2](/packages/phery-phery) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)