canvas-gauges - HTML5 Canvas Gauge

  •        88

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. 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.

http://canvas-gauges.com/
https://github.com/Mikhus/canvas-gauges

Tags
Implementation
License
Platform

   




Related Projects

agauge

  •    

Two WPF controls A rotating progress/working wheel. Three styles are provided - Internet Explorer, Firefox and Mac OS An Analog/Radial or circular gauge for displaying values using a needle and scale. Useful for Instrumentation/dashboard applications. The example appl...

WPF Gauge

  •    WPF

WPF Gauge is an attempt to bring a nicely designed, flexible gauge control to the WPF open source community.

Gauge Dial Custom UserControl

  •    DotNet

This is a vb2008 custom usercontrol that displays information like a speedometer or fuel gauge. It has a custom function "AccelerateTo(x)" to make the dial move its needle like a real gauge.

gauge - A terminal based horizontal guage aka, a progress bar

  •    Javascript

A nearly stateless terminal based horizontal gauge / progress bar. Gauge 2.x is breaking release, please see the changelog for details on what's changed if you were previously a user of this module.


XCL-Charts - Android图表库(XCL-Charts is a free charting library for Android platform

  •    Java

Android图表库(XCL-Charts is a free charting library for Android platform.),基于Android Canvas来绘制各种图表,使用简便,定制灵活。目前支持3D/非3D/背向式/横向/竖向柱形图(Bar Chart)、3D/非3D饼图(Pie Chart)、堆叠图(Stacked Bar Chart)、面积图(Area Chart)、 折线图(Line Chart)、曲线图(Spline Chart)、环形图(Dount Chart)、南丁格尔玫瑰图(Rose Chart)、仪表盘(Dial Chart)、刻度盘(Gauge Chart)、雷达图(Radar Chart)、漏斗图(Funnel Chart)、圆形图(Circle Chart)、弧线比较图、散点图(Scatter Chart)、气泡图(Bubble Chart)、范围条形图(RangeBar Chart)等图表。其它特性还包括支持图表缩放、手势移动、点击响应、动画效果、多轴显示、图表参考线、混合图表及同数据源不同图表类型切换等。

WPF Matrix Rain Dashboard Gauge Control

  •    CSharp

This is a WPF control that looks like the Matrix Movie "falling code" or rain. Placed on a Modern UI page, this example tracks file transfers.

origami.js - Powerful and Lightweight Library to create using HTML5 Canvas

  •    Javascript

Initially, it's a tool for teaching geometry, web, and javascript in schools. Currently, it's a powerful library to create using HTML5 Canvas. Want to contribute? Follow these recommendations.

awesome-canvas - A curated list of awesome HTML5 Canvas with examples, related articles and posts.

  •    

A curated list of awesome Canvas examples, related articles and posts. Inspired by awesome-python. Please take a quick gander at the contribution guidelines first.

canvas-nest.js - :cancer: Interactive Particle / Nest System With JavaScript and Canvas, no jQuery.

  •    Javascript

A nest backgroud of website draw on canvas. 中文 Readme 帮助文档. Insert the code below between <body> and </body>.

Chart.js - Simple HTML5 Charts using the <canvas> tag

  •    Javascript

Simple HTML5 charts using the canvas element. It's easy to get started with Chart.js. All that's required is the script included in your page along with a single <canvas> node to render the chart. It redraws charts on window resize for perfect scale granularity.

jcanvas - A jQuery plugin that makes the HTML5 canvas easy to work with.

  •    Javascript

jCanvas brings jQuery's powerful syntax and capability to the HTML5 canvas. Quickly create canvas-based apps that can utilize layers, animations, events, and much more. jCanvas works on all modern browsers and platforms, including iOS and Android.

gauge - Light weight cross-platform test automation

  •    Go

Gauge is a light weight cross-platform test automation tool. It provides the ability to author test cases in the business language. Read more about Why Gauge can be used, its terminologies and get started...

stage.js - 2D HTML5 rendering engine for game development

  •    Javascript

Stage.js is a 2D HTML5 JavaScript library for cross-platform game development, it is lightweight, fast and open-source. Canvas is the graphic component of HTML5 game development, but it only has a drawing API and there is no data model like DOM to compose your application. You need to manually draw your application and manage rendering cycles to play it. Moreover, mouse events are only available at entire Canvas level and they also need to be processed manually.

phaser - Phaser is a fun, free and fast 2D game framework for making HTML5 games for desktop and mobile web browsers, supporting Canvas and WebGL rendering

  •    Javascript

Phaser is a fast, free, and fun open source HTML5 game framework that offers WebGL and Canvas rendering across desktop and mobile web browsers. Games can be compiled to iOS, Android and native apps by using 3rd party tools. You can use JavaScript or TypeScript for development. Phaser is available in two versions: Phaser 3 and Phaser CE - The Community Edition. Phaser CE is a community-lead continuation of the Phaser 2 codebase and is hosted on a separate repo. Phaser 3 is the next generation of Phaser.

phaser-ce - Phaser CE is a fun, free and fast 2D game framework for making HTML5 games for desktop and mobile web browsers, supporting Canvas and WebGL rendering

  •    Javascript

Phaser is a fast, free, and fun open source HTML5 game framework. It uses a custom build of Pixi.js for WebGL and Canvas rendering, and supports desktop and mobile web browsers. Games can be compiled to iOS, Android and native desktop apps via 3rd party tools. You can use JavaScript or TypeScript for development. Years after release, Phaser is still one of the most starred game frameworks on GitHub. Thousands of developers worldwide use Phaser. From indies and multi-national digital agencies, to schools and Universities. Each creating their own incredible games.

seeThru - HTML5 video with alpha channel transparencies

  •    Javascript

Your HTML5 video source is re-rendered into a canvas-element, adding the possibility to use transparencies in your video. Alpha information is either included in the video's source file (moving) or in a seperate <img>-element (static). The package also ships with a simple CLI tool for automatically converting your RGBA video sources into the correct format.

Fanvas - Fanvas,一键把swf转为html5 canvas动画。 Fanvas is a tool which can turn flash into canvas animation with just one key!

  •    ActionScript

Fanvas,一键把swf转为html5 canvas动画。 Fanvas is a tool which can turn flash into canvas animation with just one key!

ichartjs - ichartjs is a HTML5 canvas charting library

  •    Javascript

ichartjs is a HTML5 canvas charting library. written in pure JavaScript, It uses the HTML5 canvas tag to bulid a variety of charting.offering interactive charts to your web site or web application. ichartjs currently supports line, area, column, bar, pie chart types.and pie and column also support 3D model.ichartjs is covered by the Apache License 2.0