PHPackages                             gafhyb/justgage - 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. [Utility & Helpers](/categories/utility)
4. /
5. gafhyb/justgage

ActiveLibrary[Utility & Helpers](/categories/utility)

gafhyb/justgage
===============

JustGage is a handy JavaScript plugin for generating and animating nice & clean dashboard gauges. It is based on Raphaël library for vector drawing.

1.2.9(9y ago)01891JavaScript

Since Feb 21Pushed 8y ago1 watchersCompare

[ Source](https://github.com/gafhyb/justgage)[ Packagist](https://packagist.org/packages/gafhyb/justgage)[ RSS](/packages/gafhyb-justgage/feed)WikiDiscussions master Synced 4w ago

READMEChangelogDependenciesVersions (2)Used By (1)

JustGage is a handy JavaScript plugin for generating and animating nice & clean dashboard gauges. It is based on Raphaël library for vector drawing.

\###Update log

\######September 26, 2016. - release 1.2.9

- **customSectors** receives structural update + additional "percents" feature (define ranges in %).

```
customSectors: {
  percents: true,
  ranges: [{
    color : "#43bf58",
    lo : 0,
    hi : 50
  },{
    color : "#ff3b30",
    lo : 51,
    hi : 100
  }]
}
```

Example:

\######September 24, 2016. - release 1.2.7

- **hideInnerShadow** replaced with **showInnerShadow** due to performance issues with shadows turned on by default
- relative sizing fixed (it was not working due to wrong canvas size calculations)

\######September 23, 2016.

- **Title feature removed** - after many years, it's finally here :)

\######September 22, 2016.

- **JustGage.prototype.destroy()** - added method to remove gauge node from DOM
- fixed [toorshia#146](https://github.com/toorshia/justgage/issues/146)

\######September 20, 2016. Fixing filter paths trying to fetch invalid URLs [toorshia#245](https://github.com/toorshia/justgage/pull/245)

\######March 25, 2016.

- **onAnimationEnd** - callback function after gauge animation ends

- demo at

\######February 3, 2016.

- **minTxt & maxTxt** - Show custom min and max text - [toorshia#193](https://github.com/toorshia/justgage/issues/193)

\######January 31, 2016.

- fix - [toorshia#194](https://github.com/toorshia/justgage/issues/194)

\######January 27, 2016.

- **titlePosition** - 'above' or 'below'
- **titleFontFamily** - customize font-family for the title
- **valueFontFamily** - customize font-family for the value

- demo at

\######January 5, 2016.

- **donut pointer** - render configurable triangle pointer in donut mode - demo at

\######November 10, 2015.

- **reverse** - reverse the gauge direction - demo at
- **pointer** - render triangular value pointer - demo at

\######November 08, 2015.

- **defaults** - option to define common config object when you're creating multiple gauges - demo at

\######August 19, 2015.

- fixed shadow id issue (same ids were being generated)

\######February 16, 2014.

- fix - [toorshia#102](https://github.com/toorshia/justgage/issues/102)

\######October 28, 2013.

- use HTML5 'data' attributes of the DOM Element to render the gauge. (Note: data attributes override the constructor options, if present.)

\######April 18, 2013.

- **parentNode** - use instead of id, attaches gauge to node which is outside of DOM tree - demo at
- **width** - force gauge width
- **height** - force gauge height

\######April 17, 2013.

- fix - [toorshia#49](https://github.com/toorshia/justgage/issues/49)

\######April 01, 2013.

- fix - [toorshia#46](https://github.com/toorshia/justgage/issues/46)

\######March 26, 2013.

- **customSectors** - define one or many value ranges with custom gauge color - demo at

\######March 23, 2013.

- **counter** - option to animate value in counting fashion - check demo at

\######March 19, 2013.

- **refresh()** - added optional 'max' parameter to use when you need to update max value - demo at

\######February 26, 2013.

- **decimals** - option to define/limit number of decimals when not using humanFriendly or customRenderer to display value
- fixed a missing parameters bug when calling generateShadow() for IE < 9

\######December 31, 2012.

- fixed text y-position for hidden divs - workaround for Raphael 'dy' bug - [DmitryBaranovskiy/raphael#491](https://github.com/DmitryBaranovskiy/raphael/issues/491)
- 'show' parameters, like showMinMax are now 'hide' because I am lame developer - please update these in your setups
- Min and Max labels are now auto-off when in donut mode
- Start angle in donut mode is now 90
- donutStartAngle - option to define start angle for donut

\######November 25, 2012.

- Option to define custom rendering function for displayed value

\######November 19, 2012.

- Fix for human friendly option when refreshing
- Config.value is now updated after gauge refresh

\######November 13, 2012.

- Donut display mode added
- Option to hide value label
- Option to enable responsive gauge size
- Removed default title attribute
- Option to accept min and max defined as string values
- Option to configure value symbol
- Fixed bad aspect ratio calculations
- Option to configure minimum font size for all texts
- Option to show shorthand big numbers (human friendly)

###  Health Score

30

—

LowBetter than 62% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity10

Limited adoption so far

Community19

Small or concentrated contributor base

Maturity63

Established project with proven stability

 Bus Factor1

Top contributor holds 86.5% of commits — single point of failure

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

3416d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/150f4881c4083f5dd9afd29fa7a7067a0b48bd026ebbd46a38935780497daf43?d=identicon)[gafhyb](/maintainers/gafhyb)

---

Top Contributors

[![toorshia](https://avatars.githubusercontent.com/u/2143873?v=4)](https://github.com/toorshia "toorshia (141 commits)")[![lucasrosa90](https://avatars.githubusercontent.com/u/2104331?v=4)](https://github.com/lucasrosa90 "lucasrosa90 (4 commits)")[![dbhowell](https://avatars.githubusercontent.com/u/633355?v=4)](https://github.com/dbhowell "dbhowell (4 commits)")[![nareshv](https://avatars.githubusercontent.com/u/1161803?v=4)](https://github.com/nareshv "nareshv (3 commits)")[![Ulflander](https://avatars.githubusercontent.com/u/836688?v=4)](https://github.com/Ulflander "Ulflander (2 commits)")[![orweinberger](https://avatars.githubusercontent.com/u/1876045?v=4)](https://github.com/orweinberger "orweinberger (1 commits)")[![RaoulSchaffranek](https://avatars.githubusercontent.com/u/1412344?v=4)](https://github.com/RaoulSchaffranek "RaoulSchaffranek (1 commits)")[![winterismute](https://avatars.githubusercontent.com/u/430834?v=4)](https://github.com/winterismute "winterismute (1 commits)")[![beledouxdenis](https://avatars.githubusercontent.com/u/5822488?v=4)](https://github.com/beledouxdenis "beledouxdenis (1 commits)")[![yevkbb](https://avatars.githubusercontent.com/u/17234931?v=4)](https://github.com/yevkbb "yevkbb (1 commits)")[![dxprog](https://avatars.githubusercontent.com/u/950392?v=4)](https://github.com/dxprog "dxprog (1 commits)")[![fnwbr](https://avatars.githubusercontent.com/u/706419?v=4)](https://github.com/fnwbr "fnwbr (1 commits)")[![gafhyb](https://avatars.githubusercontent.com/u/160254?v=4)](https://github.com/gafhyb "gafhyb (1 commits)")[![ikari-pl](https://avatars.githubusercontent.com/u/811702?v=4)](https://github.com/ikari-pl "ikari-pl (1 commits)")

### Embed Badge

![Health badge](/badges/gafhyb-justgage/health.svg)

```
[![Health](https://phpackages.com/badges/gafhyb-justgage/health.svg)](https://phpackages.com/packages/gafhyb-justgage)
```

###  Alternatives

[ibrahimbougaoua/filament-menu-scroll-fix

Now whene a user clicks on an item it sets focus on the selected item without the weird reloading and scrolling up the list, Especially if the user contains a lot of elements he would have to scroll the the selected element manually.

3215.8k](/packages/ibrahimbougaoua-filament-menu-scroll-fix)[hazaveh/verify-domain

Verify Domain Ownership with PHP

2310.4k1](/packages/hazaveh-verify-domain)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)