SVG Gauge MeterCanvas SVG

Features

Goal: Through parameters passed into custom class load an existing template SVG file and modifying the following attributes of the gauge:

Technology

OS: Linux
Server Side Language: PHP
Client Side Technology: Canvas SVG

Overview

We dynamically managed Gauge meter value in Canvas SVG using PHP.

  • Background color: url parameter[Basecolor] this works
  • Gauge pointer: url parameter [result] this works
  • Gauge Text: url parameter [Hormone] this works
  • Gauge High: url parameter [Max] this works
  • Gauge Low: url parameter Value [Min] this works
  • Gauge gray: The amount of the bottom of the green circle needs to filled with the gray/gradient as the gray value is passed in from 0 – 99

Challenge

We created SVG Gauge meter for a medical industry client. The only challenge and goal of the project was to dynamically manage the Gauge value.

Solution

We used PHP and dynamically managed the meter value through parameters passed.

Result

The client uses the gauge meter in a medical app successfully.

How can we help you?

Have an experienced software architect provide a free estimate & professional consultation. 


The costs for having my software developed by Laitkor were considerably cheaper than anything I could find in Australia. I have been very happy with the service, costs and the management of my projects

Denis Ryan
Chief Technical Officer, YouTurkey/ThatsNewsY

Outstanding experience! Highly recommended. Good communication and professional work. Delivered on time and very satisfied. 10 on 10 review rating as they fixed my iOS gaming app for all the bugs!

MBS Port
Chairman, MBS Port

Looking for a First-Class Software Consultant?