# Mikhus/canvas-gauges

HTML5 Canvas Gauge. Tiny implementation of highly configurable gauge using pure JavaScript and HTML5 canvas. No dependencies. Suitable for IoT devices because of minimum code base.

Repository: https://github.com/Mikhus/canvas-gauges
Canonical: https://ross.abutalabs.com/products/canvas-gauges
Homepage: http://canvas-gauges.com/
Language: JavaScript
License: MIT
License Family: permissive
Topics: javascript, gauge, html5-canvas, radial-gauge, linear-gauge, canvas-gauge
Last push: 2023-11-11T10:50:17+00:00

## Health v2 (maintenance only)
Score: 23/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 0, release rhythm 8, longevity 100
- inputs: {"age_days": 5235, "days_push": 1026, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: none
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1603, forks 400 (observed 2026-08-28T04:05:09.863088+00:00)

## What it is
A tiny, dependency-free JavaScript library for rendering highly configurable radial and linear gauges using pure HTML5 canvas. It is designed for minimal code footprint, making it suitable for desktop, mobile, and resource-constrained IoT devices.

## Use cases
- draw radial gauges on a web dashboard
- render linear gauges with pure JavaScript and canvas
- display sensor values on an IoT device web UI
- create animated compass or speedometer-style indicators
- embed configurable gauges in Angular, Vue, or React apps
- minimize bundle size for gauge widgets with no dependencies

## When to choose
- you need lightweight, dependency-free gauges for web pages or IoT devices
- you want highly configurable radial or linear gauge visuals with animation
- you need framework-agnostic components with optional Angular/Vue/React wrappers

## When to avoid
- you need full charting or dashboarding beyond gauges
- you prefer SVG/DOM-based charts or a comprehensive charting library
- you need a project with frequent recent releases and active development

## Facets
- artifact type: library
- maturity: maintenance
- function: ui-components, data-visualization, animation
- domain: web-development, frontend, data-visualization, iot
- platform: browser, cross-platform
- tags: canvas, gauge, radial-gauge, linear-gauge, zero-dependency, html5-canvas, iot-friendly, nodejs

## Member repositories
- Mikhus/canvas-gauges (main) score 23

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:05:09.863088+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T03:52:22.368588+00:00, confidence not recorded.
  - readme: https://github.com/Mikhus/canvas-gauges (fetched 2026-08-28T04:05:09.863088+00:00, sha bf55914df00c)
  - homepage: http://canvas-gauges.com/ (fetched 2026-08-29T11:24:37.050042+00:00, sha 4060bee5a6a5)
  - site_page: https://canvas-gauges.com/documentation (fetched 2026-08-29T11:24:37.058945+00:00, sha 99759c0a9cba)
  - site_page: https://canvas-gauges.com/documentation/user-guide (fetched 2026-08-29T11:24:37.060820+00:00, sha a495f9f6f5a9)
  - site_page: https://canvas-gauges.com/documentation/api (fetched 2026-08-29T11:24:37.062912+00:00, sha e50cc942e9fb)
  - site_page: https://canvas-gauges.com/documentation/examples (fetched 2026-08-29T11:24:37.064662+00:00, sha ca707183b6f2)
  - registry_npm: https://registry.npmjs.org/canvas-gauges (fetched 2026-08-29T11:24:37.069085+00:00, sha 9430b1676f02)
  - site_page: https://canvas-gauges.com/releases/2.1.7 (fetched 2026-08-29T11:24:37.066954+00:00, sha fb952ef86e65)
- Data as of 2026-08-30T08:39:29.467469+00:00.