svg-gauge - Minimalistic, animated SVG gauge. Zero dependencies

  •        1524

Minimalistic, animated SVG gauge. Zero dependencies

https://github.com/naikus/svg-gauge#readme

Tags
Implementation
License
Platform

   




Related Projects

justgage - JustGage is a handy JavaScript plugin for generating and animating nice & clean dashboard gauges

  •    Javascript

JustGage is a handy JavaScript plugin for generating and animating nice & clean gauges. It is based on Raphaël library for vector drawing, so it’s completely resolution independent and self-adjusting.

canvas-gauges - HTML5 Canvas Gauge

  •    Javascript

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.

vivus - JavaScript library to make drawing animation on SVG

  •    Javascript

Vivus is a lightweight JavaScript class (with no dependencies) that allows you to animate SVGs, giving them the appearance of being drawn. There are a variety of different animations available, as well as the option to create a custom script to draw your SVG in whatever way you like. Try Vivus with your SVG on Vivus Instant. If you plan to use the library to animate a single SVG without callback or controls, this will allow you to download your animated SVG, powered by CSS, JavaScript free.

Apache ECharts - An Open Source JavaScript Visualization Library

  •    Typescript

Apache ECharts is an open-sourced JavaScript visualization tool, which can run fluently on PC and mobile devices. It is compatible with most modern Web Browsers. The basic chart types ECharts supports include line series, bar series, scatter series, pie charts, candle-stick series, boxplot series for statistics, map series, heatmap series, lines series for directional information, graph series for relationships, treemap series, sunburst series, parallel series for multi-dimensional data, funnel series, gauge series.

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.


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.

gauge.js - 100% native and cool looking JavaScript gauge

  •    Javascript

100% native and cool looking animated JavaScript/CoffeScript gauge. For an interactive demo and a list of all supported options please refer to the project's homepage.

AnimatedSvgView - Animated SVG Drawing for Android

  •    Java

You can also set SVG glyphs and colors dynamically (see the demo).

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

jquery-drawsvg - Lightweight, simple to use jQuery plugin to animate SVG paths

  •    Javascript

This plugin uses the jQuery built-in animation engine to transition the stroke on every <path> inside the selected <svg> element, using stroke-dasharray and stroke-dashoffset properties. Look at the demos for more advanced usages.

android-pathview - Android view with both path from constructed path or from svg.

  •    Java

You want to animate svg or normal Paths?<br> Change the color, pathWidth or add svg.<br> Animate the "procentage" property to make the animation. It is in still in development.

svg.js - The lightweight library for manipulating and animating SVG

  •    Javascript

A lightweight library for manipulating and animating SVG, without any dependencies. SVG.js is licensed under the terms of the MIT License.

Macaw - Powerful and easy-to-use vector graphics Swift library with SVG support

  •    Swift

Macaw is a powerful and easy-to-use vector graphics library written in Swift. Modern designs contain tons of illustrations and complex animations. Mobile developers have to spend a lot of time on converting designs into native views that will be resizable for different screens. With Macaw you can reduce development time to a minimum and describe all graphics in high level scene elements. Or even render SVG graphics right from your design tool with Macaw events and animation support.

macSVG - macSVG - An open-source macOS app for designing HTML5 SVG (Scalable Vector Graphics) art and animation with a WebKit web view ---

  •    Objective-C

May 8, 2018 – macSVG v1.1.4 is released, with minor user interface improvements, and various bug fixes. See the Release Notes for details. macSVG is a MIT-licensed open-source macOS app for designing HTML5 SVG 1.1 (Scalable Vector Graphics) art and animation.

progressbar.js - Responsive and slick progress bars

  •    Javascript

Responsive and slick progress bars with animated SVG paths. Use built-in shapes or create your own paths. Customize the animations as you wish. Documentation is hosted at readthedocs.org.

ShapeShifter - SVG icon animation tool for Android, iOS, and the web

  •    TypeScript

Shape Shifter is a web-app that simplifies the creation of icon animations for Android, iOS, and the web. Support us with either a one time donation or a monthly donation and help us continue our activities. Funds will go towards hiring new developers to work on awesome features! We'll display your logo below with a link to your site.

bounty - Javascript and SVG odometer effect library with motion blur

  •    Javascript

JavaScript odometer or slot machine effect library for smoothly transitioning numbers with motion blur. Library uses functional approach and ES7 Function Bind Syntax. Internally based on SVG. See the live version.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.