Display Data With Funky Animated Needle Gauges

Report a Broken Link or Offensive Content

Processing your request, Please wait....

Wednesday, 24 February 2010

Read Article

Creating appealing data visualization has always been one of Flash’s key features. It allows you to achieve eye candy results with real dynamic data; be it in a preloader, a game, or an office presentation.
This simple tutorial will show you how to build a needle gauge meter. You’ll learn how to apply a “gloss” effect, communicate with XML, and apply a tween engine to rotations.

Step 1: Folder Setup
Create three files: gauge.fla, gauge.xml, and Main.as.

Step 2: XML Structure
Open gauge.xml. This file will contain the data that populates the meters; edit them however you like based on the following structure:

<?xml version=”1.0″ encoding=”ISO-8859-1″ ?>
<indicators>
<gauge>
<value>64</value>
<description>Male</description>
</gauge>
<gauge>
<value>26</value>
<description>Female</description>
</gauge>
</indicators>

Value is a percentage and so should be between 0 and 100. The description will be displayed on the corresponding gauge.
Step 3: Stage Settings
Open gauge.fla and change the settings as shown…

By: Bruno Crociquia
From: Activetuts+ » Tutorials

Read Article

You Might Also Like...

Circular Menu with AS3

789 readers
Create a Password Masking Class in ActionScript 3.0

1745 readers
How to Create a Flash Menu in 20 Minutes

1793 readersImagine you’ve promised your client he will have that menu idea you told him about later on today, when you meet. You open up Flash and begin a rough but great example, which you can code or extend later. During this tut we’ll focus on making just such a menu; as customizable as possible, without
Create a Drag and Drop Puzzle in ActionScript 3.0

1118 readers
Quick Tip: How to Build a Horizontal Sliding Menu Paddle

1299 readers
Falling Snow Christmas Card with AS3

980 readers
Create a Custom Radio Button from Scratch Using Flash

1570 readersUsing the Flash drawing tools we’ll create a nice looking Radio Button that will make use of the Timeline and Mouse Events in ActionScript 3 to perform a user declared action. Final Result Preview Let’s take a look at the final result we will be working towards: Click the top radio box to see how
Create a Windmill Effect Photo Gallery

498 readers
Get User IP Address Using PHP and ActionScript 3

1398 readersAn Internet Protocol Address (IP Address), is a unique number assigned to every device connected to the Internet. For different reasons, it can be useful to get the user IP address, like blocking a spammer user in a chat application for example. In this tutorial, I will show you how to get and display the
Smooth Horizontal Tweened Menu with AS3

945 readers