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

Making 3D bar charts

In the recipe Building vertical bar charts in this chapter, we showed how to make a simple bar chart in ActionScript. For this recipe, we wanted to spice it up a bit and make it 3D.

Getting ready

Get the code from the Building vertical bar charts recipe.

How to do it...

The following steps will show you how to convert a 2D bar chart to 3D:

Take BarData.as, HorizontalAxis.as, VerticalAxis.as, and Main.as from the Building vertical bar charts recipe from this chapter; these files are not going to change.

Now in BarChart.as, increase the space between the bars. These are the lines that change:

_barWidth = (width - 10) * 70 / 100 / data.length;
_barSpacing = (width - 10) * 30 / 100 / (data.length + 1);

The big changes will be in the Bar.as file. First we will add two helper functions to go back and forth between the color model, as shown in the following code snippet:
```
private function _hexToRGB(hex:uint):Object {
var rgbObj:Object = {
red: ((hex & 0xFF0000) >> 16),
green...
```

ActionScript Graphing Cookbook

ActionScript Graphing Cookbook

Overview of this book

Related Content you might be interested in

Current Title:

ActionScript Graphing Cookbook

Making 3D bar charts

Getting ready

How to do it...