All Projects → Mikhus → Canvas Gauges

Mikhus / Canvas Gauges

Licence: mit
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.

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects
HTML
75241 projects

Projects that are alternatives of or similar to Canvas Gauges

Interactivegraph
InteractiveGraph provides a web-based interactive visualization and analysis framework for large graph data, which may come from a GSON file, or an online Neo4j graph database. InteractiveGraph also provides applications built on the framework: GraphNavigator, GraphExplorer and RelFinder.
Stars: ✭ 730 (-49.41%)
Mutual labels:  html5-canvas
Chaos In Javascript
I was always intrigued to see how math is so beautiful. Thanks to JavaScript for giving me the power to program my curiosity and explore the beauty of chaos in math.
Stars: ✭ 38 (-97.37%)
Mutual labels:  html5-canvas
Omg Music
Music making, remixing, and collaborating tools for the web
Stars: ✭ 74 (-94.87%)
Mutual labels:  html5-canvas
Excalibur
🎮 An easy to use 2D HTML5 game engine written in TypeScript
Stars: ✭ 892 (-38.18%)
Mutual labels:  html5-canvas
Awesome Canvas
A curated list of awesome HTML5 Canvas with examples, related articles and posts.
Stars: ✭ 963 (-33.26%)
Mutual labels:  html5-canvas
Speedview
Dynamic Speedometer and Gauge for Android. amazing, powerful, and multi shape ⚡️
Stars: ✭ 1,035 (-28.27%)
Mutual labels:  gauge
Bizcharts
Powerful data visualization library based on G2 and React.
Stars: ✭ 5,771 (+299.93%)
Mutual labels:  html5-canvas
Hs Gauge
Lean Haskell Benchmarking
Stars: ✭ 91 (-93.69%)
Mutual labels:  gauge
F2
📱📈An elegant, interactive and flexible charting library for mobile.
Stars: ✭ 7,619 (+428%)
Mutual labels:  html5-canvas
Icon Machine
Web application for randomly generating pixel art icons.
Stars: ✭ 73 (-94.94%)
Mutual labels:  html5-canvas
Monsterpong
Our entry for Github GameOff 2018
Stars: ✭ 23 (-98.41%)
Mutual labels:  html5-canvas
Realtimeboard
🙌 Collaborative Whiteboard (Socket.IO + Vanilla JS Frontend)
Stars: ✭ 30 (-97.92%)
Mutual labels:  html5-canvas
Audio Oscilloscope
🎵 Waveform audio visualizer for the HTML5 canvas.
Stars: ✭ 54 (-96.26%)
Mutual labels:  html5-canvas
Origami.js
Powerful and Lightweight Library to create using HTML5 Canvas
Stars: ✭ 750 (-48.02%)
Mutual labels:  html5-canvas
Gauge Js
JavaScript language plugin for Gauge
Stars: ✭ 77 (-94.66%)
Mutual labels:  gauge
Canvas
🖌《Canvas:Draw on the Web》
Stars: ✭ 659 (-54.33%)
Mutual labels:  html5-canvas
Gaugekit
Kit for building custom gauges + easy reproducible Apple's style ring gauges.
Stars: ✭ 997 (-30.91%)
Mutual labels:  gauge
Angular Gauge
A reusable gauge directive for Angular 1.x apps and dashboards
Stars: ✭ 96 (-93.35%)
Mutual labels:  gauge
Gaugeslider
Highly customizable GaugeSlider designed for a Smart Home app. Featured at Medium.
Stars: ✭ 89 (-93.83%)
Mutual labels:  gauge
Life Calendar
📆 Online calendar of your Life in Weeks.
Stars: ✭ 62 (-95.7%)
Mutual labels:  html5-canvas

HTML Canvas Gauges v2.1

Build Status Test Coverage Documentation Coverage License run on repl.it

Canvas Gauges

This is tiny implementation of highly configurable gauge using pure JavaScript and HTML5 canvas. No dependencies. Suitable for IoT devices because of minimum code base.

Installation

Canvas gauges can be simply installed using npm package manager. Depending on your needs there is possibility to install whole gauge library or only that part you really need for your project. To install the whole library, run:

$ npm install canvas-gauges

If you only need the exact type of the gauge it can be installed using the appropriate npm tag. Currently the following gauges are supported: linear, radial.

To install only linear gauge, run:

$ npm install canvas-gauges@linear

To install only radial gauge, run:

$ npm install canvas-gauges@radial

This strategy useful only if you need to minimize your code base and plan to use ONLY a specific gauge type. If you need to use various gauge types in your project it is recommended to use whole gauge package.

More...

Documentation

You can find complete docs on the canvas gauges web-site:

Add-Ons

Here are some third-party libraries which are developed and delivered to use canvas-gauges as components for a different popular frameworks:

Special Thanks

Lohika

For supporting development!

SauceLabs

For testing support!

And to all contributors!

License

This code is subject to MIT license.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].