ActionScript Graphing Cookbook

ActionScript Graphing Cookbook

Overview of this book

"A picture is worth a thousand words" has never been more true than when representing large sets of data. Bar charts, heat maps, cartograms, and many more have become important tools in applications and presentations to quickly give insight into complicated issues.The "ActionScript Graphing Cookbook" shows you how to add your own charts to any ActionScript program. The recipes give step-by-step instructions on how to process the input data, how to create various types of charts and how to make them interactive for even more user engagement.Starting with basic ActionScript knowledge, you will learn how to develop many different types of charts.First learn how to import your data, from Excel, web services and more. Next process the data and make it ready for graphical display. Pick one of the many graph options available as the book guides you through ActionScript's drawing functions. And when you're ready for it, branch out into 3D display.The recipes in the "ActionScript Graphing Cookbook" will gradually introduce you into the world of visualization.

ActionScript Graphing Cookbook

Credits

About the Authors

About the Reviewers

www.PacktPub.com

Preface

Free Chapter

Getting Started with Graph Drawing

Introduction

Drawing in two dimensions

Building point charts

Creating a line graph based on a function

Adding labels and axes

Graphing a spreadsheet

Using Flex for charts

Working with Data

Introduction

Preparing your data

Embedding CSV files

Loading a data file from the Internet

Loading a file from the local hard drive

Loading data with XML

Loading data from Excel files

Consuming the REST services

Exporting data as CSV to import in Excel

Exporting data to a PDF file

Creating Bar Charts

Introduction

Drawing a bar chart with Flex

Building vertical bar charts

Creating comparison bar charts

Drawing histograms

Creating sparklines to enrich text content

Making 3D bar charts

Drawing Different Types of Graphs

Introduction

Drawing a pie chart with Flex

Creating donut charts

Drawing meters and gauges

Making Venn diagrams

Building pyramid charts

Drawing bubble charts

Creating tag clouds

Creating a treemap

Adding Interaction

Introduction

Zooming and panning around a graph

Sending data updates to the graph

Making the points interactive: Hovering

Selecting data points in the graph

A dynamic graph based on an editable table

Dragging data points to new values

Linking graphs

Mapping Geographical and Spatial Data

Introduction

Showing a map using the openscales.org API

Adding points of interest to a map

Parsing data to use as region fill

Coloring a map

Adding multiple layers to a map

Overlaying a heat map

Animating a Graph

Introduction

Animating between two data sets

Animating a meter

Automatic updates

Zooming in on a specific data set

Animating subway locations

Creating a Relational Network

Introduction

Preparing the data

Creating the visual for a node

Arranging and linking the nodes

Navigating through the relational network

Animating the transitions

Adding sounds

Creating Three-Dimensional Graphs

Introduction

Drawing in 3D: a 3D starter project

Creating a 3D column chart

Moving around the chart

Beyond the cube, drawing different shapes

Graphing tabular data in 3D

Styling the graph with different materials

Graphing a function in three dimensions

Working with Various 3D Graph Types

Introduction

Mapping keyboard usage in 3D, part 1: The model

Mapping keyboard usage in 3D, part 2: The data

3D world population chart, part 1: The globe

3D world population chart, part 2: Dressing up

3D world population chart, part 3: The data

Index

Customer Reviews

5 star

4 star

3 star

2 star

1 star

Animating a meter

We will start from the Drawing meters and gauges recipe in Chapter 4, Drawing Different Types of Graphs and we will animate it using the TweenLite animation engine.

Getting ready

Get the code from the recipe previously mentioned and we will modify it to make it animated.

How to do it...

The first step would be to go to http://www.greensock.com and download the ActionScript 3 library.
Add the greensock.swc file to the lib folder in the project.
In FlashDevelop, right-click on greensock.swc and choose Add To Library.
We are now ready to use TweenLite in our code. In Meter.as, we will set alpha to zero so that we can animate it.

To do so we will add the animateIn and the arrowTo functions:

public function animateIn():void {
  TweenLite.to(this, 0.5, { alpha:1, delay:1 } );
  TweenLite.delayedCall(1.5, arrowTo, [percent]);
}
public function arrowTo(newPercent:Number):void {
  TweenLite.to(_arrow, 1, { rotation: _baseArrowRotation + 140 * newPercent, ease:Bounce.easeOut } );
}

We will...

ActionScript Graphing Cookbook

ActionScript Graphing Cookbook

Overview of this book

Related Content you might be interested in

Current Title:

ActionScript Graphing Cookbook

Animating a meter

Getting ready

How to do it...