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

Beyond the cube, drawing different shapes

Up until now, we have only drawn cubes. It's about time we looked at some other forms. In this recipe, we look at how you can use Away3D's built-in shapes to create different visualizations. We will replace the cubes from the previous recipe with cylinders.

Getting ready

We will adapt the previous recipe. So create a copy of it and move it to a new package or rename it. Finally, set it as the document class.

How to do it...

First let's make the Graph3D class a little more generic:

Create a member variable inside the Graph3D class:
```
public var drawFunction:Function = drawCube;
```

Update the drawDataPoints method so it uses the new variable:

private function drawDataPoints():void {
    for (var i:int = 0; i < _data.length; i++)
    {
        drawFunction(_data[i][0], _data[i][1], 0);
    }
}

Now we can put our new drawing function inside the main program (although in a real program, you may want to keep it in the Graph3D class):

Create a new member variable inside...

ActionScript Graphing Cookbook

ActionScript Graphing Cookbook

Overview of this book

Related Content you might be interested in

Current Title:

ActionScript Graphing Cookbook

Beyond the cube, drawing different shapes

Getting ready

How to do it...