perfect widgets
POWERFUL HTML5 (JAVASCRIPT) GAUGES
Use on Any Platform and in Any Browser
Developers can seamlessly add Perfect Widgets to application of any type: ASP, ASP.NET,
PHP, JSP, ColdFusion, Ruby on Rails, and simple HTML pages. It’s as simple as writing
few lines of code and insert JavaScript into the page. Users can access these widgets
via any device – desktop, laptop, mobile (including iPhone and iPad) and in any
browser including IE, FireFox, Chrome, Opera, Safari, etc. If necessary, users can
interact with gauges: set values with a mouse, etc. It is also possible to use gauge
offline.
Intuitive Visual Gauge Designer
Perfect Widgets offers a convenient and easy-to-use gauge designer.
Adjust pre-set gauges: add, edit or delete any gauge elements,
set complex behavior in short scripts. Create new gauges with just few mouse clicks.
Save as a template or export to JSON for further use in web applications.
/******************* Sample code *******************/
var widgetDeclaration ={"Active":true,"BreakEventsBubbling":fals...
var w = new PerfectWidgets.Widget("root", widgetDeclaration);
var currentTime = new Date();
w.getByName("Hours").setValue(currentTime.getHours()%12+current...
w.getByName("Minutes").setValue(currentTime.getMinutes());
Visualize and Interact with your Data Online with an Ultimate Set
of HTML5 Gauges
of HTML5 Gauges
Perfect Widgets offers a library of 150+ beautiful pre-designed horizontal, vertical and radial
gauges ready for immediate integration into your website. The offered gauges are
completely customizable: it is possible to change separate gauge element (scale,
ticks, labels, etc.) or change them all at once with a single click by applying
a new theme. Integration is a breeze – just specify gauge name and area of the webpage
where it should be inserted (“div” tag); and all this with JavaScript.
perfect features
Declarative description
The gauge is described using declarative selection of the parameter in JSON.
Seamless integration
Adding gauges to the application is as easy as writing few lines of code.
Complete customization
You can set any parameters describing your gauge. Create even the most sophisticated
gauges configuring gauge primitives in any imaginable combination. It is even possible
to create a custom object using JSON.
Easy Styling
All gauge elements are customizable. You just need to change its properties. It
is possible to set gauge style in CSS.
Interactivity
The user can interact with a gauge; for example, set its value with the mouse.
Animation
Gauge animation is customizable as well: you can set simple or advanced animation
or disable it.
Pre-Designed Gauges
Library of 150+ beautiful pre-designed gauges make it easy to start using the product.
You can just select the necessary control from the library and get code to integrate
into your web application.
Callback
Developers can get notifications about changes of the gauge value and handle it
in JavaScript.
Cross-platform compatibility
Use Perfect Widgets on any platforms: ASP, ASP.NET, PHP, JSP, ColdFusion, Ruby on
Rails and simple HTML pages. Access from any devices: desktop, laptop, mobile (including
iPhone and iPad), and via any browsers: IE, Mozilla Firefox, Google Chrome, Opera,
Safari, etc.
Scripts & Bindings Support
It is possible to bind values of separate elements. For example, thermometer height and slider position or needle sweep angle and number in the text box. Integration of the product is faster and easier, since implementation logic is hidden inside the gauge.
Compatibility with SharpShooter Gauges
If you are already a lucky owner of SharpShooter Gauges you can easily migrate your
existing application to HTML5 (JavaScript) platform.
WinRT Compatible
Perfect Widgets can be seamlessly integrated into HTML5-based WinRT applications to effectively visualize data