MARKETPLACE
PLUGINS
SPEEDOMETER GAUGE - CUSTOM COLORS
Speedometer Gauge - Custom Colors logo

Speedometer Gauge - Custom Colors

Published February 2024
   •    Updated this month

Plugin details

The Speedometer Gauge Plugin is a versatile and customizable tool designed to visually represent and monitor values in a dynamic and engaging manner.
**NEW UPDATE: Added one more element "speedometerDynamic". This element allows for real-time updates to the target value (needle adjustment), enabling dynamic changes through dropdown menus, states, input fields, workflows, etc.**

MAIN FEATURES:
➡️ Dynamic and updates in real-time.
➡️ Set colors based on ranges.
➡️ Customize bar width, needle, ticks, tooltip, angles, etc.
➡️ Set font style and colors for labels, etc.
➡️ Set min value and max value.
➡️ Responsive and adaptive.


FEATURES:

>>Customizable Size and Responsiveness:
Easily adjust the size of the speedometer gauge to suit your application.
Ensures responsiveness for seamless integration into various screen sizes and devices.

>>Set Target Value and Min-Max Range:
Define a specific target value for quick reference and goal tracking.
Set minimum and maximum values to customize the range according to your specific requirements.

>>Bar Configuration:
Adjust the width of the gauge bar to control the visual prominence.

>>Color Options:
Choose between a single color or a gradient for the gauge bar, providing flexibility in visual representation.

>>Scale Font Size and Color:
Modify the font size and color of the scale markings for improved readability and visual appeal.

>>Needle Customization:
Adjust the size of the needle to enhance visibility.

>>Background Configuration:
Tailor the background of the speedometer gauge to complement your application's overall design.

>>Angles
Set the start and end angles for the gauge to control its positioning.

>>Animation
Set animation duration for the needle movement.

Editor: https://bubble.io/page?type=page&name=speedometer_demo&id=pluginpreviewapp&test_plugin=1706790232590x616352533947351000_current&tab=tabs-1

Demo: https://pluginpreviewapp.bubbleapps.io/version-test/speedometer_demo

Other Plugins

$14

One time

4.3 stars   •   3 ratings
845 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Snipcode logo
Snipcode
Joined 2022   •   27 Plugins
View contributor profile

Instructions

Contains two elements. 1. Search for speedometer or speedometerDynamic in elements panel and place the element on the page.
2. Set target value and Min-Max range in the provided input fields.
3. Set other attributes like scale font size, color, needle size, bar width and colors, angles, animation duration, etc.
4. Preview the page and you are all set.

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Analytics   •   Web Scraping   •   Small Business   •   Chart   •   Productivity   •   Visual Elements

Resources

Support contact
Tutorial

Rating and reviews

Average rating (4.3)

Perfect Plugin
June 28th, 2024
Very cool plugin and prompt developer support
Doesn't work with dynamic Value
June 24th, 2024
Works fine with static value, but when set Target value from Custom State or Group, it doesn't work - https://imgur.com/0VCOURa
We have updated the plugin and added one more element "speedometerDynamic" which supports dynamic values and updates target value in real-time. Best regards! (plugin author)
June 25th, 2024
  •  
Snipcode
Working just fine for me
June 14th, 2024
5 star
Bubble