Have ideas to improve npm?Join in the discussion! »

    gaugeJS

    1.3.7 • Public • Published

    gauge.js

    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

    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.

    Wrappers

    gauge.js can be wrapped to a number of frameworks. Here are some examples:

    Keywords

    none

    Install

    npm i gaugeJS

    DownloadsWeekly Downloads

    3,535

    Version

    1.3.7

    License

    MIT

    Unpacked Size

    636 kB

    Total Files

    45

    Last publish

    Collaborators

    • avatar
    • avatar