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

Drawing histograms

Well truth be told, we won't really be making histograms with this recipe but mostly bar charts in the style of histograms. Histograms are very rigid in their nature and follow really specific mathematical functions to represent frequency and density. You can read more on histograms on Wikipedia: http://en.wikipedia.org/wiki/Histogram. What we are going to do here is build a histogram styled bar chart (no space between the bars) that uses a function as input. You can think of this as a different way to do an area chart or a line chart.

Getting ready

The data for this recipe is a bit different as it uses a mathematical function instead of a data set. You can get a mathematical function using interpolation or by having a program such as Microsoft Excel do it for you.

How to do it...

The following are the steps required to build a histogram using ActionScript 3:

Now if you look at our Main.as class, you will notice that it is quite small compared to the previous recipe. For this...

ActionScript Graphing Cookbook

ActionScript Graphing Cookbook

Overview of this book

Related Content you might be interested in

Current Title:

ActionScript Graphing Cookbook

Drawing histograms

Getting ready

How to do it...