Adobe
Products
Acrobat
Creative Cloud
Creative Suite
Digital Marketing Suite
Digital Publishing Suite
Elements
Photoshop
Touch Apps
Student and Teacher Editions
More products
Solutions
Digital marketing
Digital media
Education
Financial services
Government
Web Experience Management
More solutions
Learning Help Downloads Company
Buy
Home use for personal and home office
Education for students, educators, and staff
Business for small and medium businesses
Licensing programs for businesses, schools, and government
Special offers
Search
 
Info Sign in
Welcome,
My cart
My orders My Adobe
My Adobe
My orders
My information
My preferences
My products and services
Sign out
Why sign in? Sign in to manage your account and access trial downloads, product extensions, community areas, and more.
Adobe
Products Sections Buy   Search  
Solutions Company
Help Learning
Sign in Sign out My orders My Adobe
Preorder Estimated Availability Date. Your credit card will not be charged until the product is shipped. Estimated availability date is subject to change. Preorder Estimated Availability Date. Your credit card will not be charged until the product is ready to download. Estimated availability date is subject to change.
Qty:
Purchase requires verification of academic eligibility
Subtotal
Review and Checkout
Adobe Developer Connection /

Flare: Visualization tools with Adobe Flash

by Jeffrey Heer

Jeffrey Heer
  • http://jheer.org/

Created

16 August 2010

Page tools

Share on Facebook
Share on Twitter
Share on LinkedIn
Bookmark
Print

Requirements

User level

Beginning

Using Vision to Think

While a college undergraduate studying Computer Science, I also developed a deep interest in Cognitive Psychology. Why do we perceive the world as we do? How do we make sense of the information we encounter on a daily basis? I grew excited to explore how our knowledge of human perception and cognition could inform the design of better computational tools. This passion has continued through graduate school, where my research has focused on interactive visualization: using visual representations of data to improve our ability to analyze and communicate information.

Due to ubiquitous Internet use and the masses of information being generated by both research and industry, the challenge for people to learn all we need to is growing exponentially, while our human capacity may not be keeping pace. Can technology help bridge this gap? A large part of the human nervous system has evolved to process visual information. Thus it makes perfect sense to develop visualization tools that assist people in comprehending data through images that help them quickly identify interesting or unusual information.

Different Strokes for Different Folks

As I sought to create useful visualization tools, I realized that a "one size fits all" approach is not sufficient. Differences in the kinds of data, terminology, and conventions used in various academic and commercial fields increases the challenge of developing useful visualizations. Instead of relying on inflexible, pre-built components, I felt that designers could benefit from tools enabling the creation of new and customized visualizations that are tailored to a specific application domain.

In response, I built the Flare visualization toolkit, an open-source framework built on the ActionScript 3 programming language. Flare enables people to build and customize a wide variety of interactive visualizations. For example, it can be used to build basic data graphics, complex animations, and interactive network diagrams. Flare is also designed to make it easy for programmers to create new visual representations.

Flare can be used to create many kinds of familiar charts and graphs
Figure 1. Flare can be used to create many kinds of familiar charts and graphs.

Interaction and Collaboration

Providing visualization tools for Internet delivery allows viewers to explore new ways to look at content and to request more information on demand. Different visual representations for examining data answer different kinds of questions and pose yet other questions. Allowing viewers to manipulate the presentation of the data themselves helps them spot those points of interest and absorb concepts more quickly.

A map view visualizing crime incidents in Los Angeles county.
Figure 2. A map view visualizing crime incidents in Los Angeles county.
An alternative view of Los Angeles crime data, showing a time line of incidents and the age of crime victims.  Flare makes it easy to view the same data from a number of perspectives.
Figure 3. An alternative view of Los Angeles crime data, showing a time line of incidents and the age of crime victims. Flare makes it easy to view the same data from a number of perspectives.

AlthoughFlare is still young, it is already attracting some attention, having beendownloaded over 5000 times since its release in October 2007. Companies rangingfrom start-ups to large corporations have been using the software for bothinternal data analysis and new visual interfaces. Students at universitiesincluding UC Berkeley and Georgia Tech are using Flare to support both researchand course projects. Furthermore, educational researchers are using Flare tocreate online tools for teaching statistics and math concepts. By givingstudents the ability to interactively compare the visual results of differentapproaches, they can see the effects immediately and better understand theimpact of various statistical models.

A network diagram showing a segment of a social network on Facebook.
Figure 4. A network diagram showing a segment of a social network on Facebook.

Why ActionScript?

One of our primary goals with the Flare toolkit is to provide rich visualizations that can embed seamlessly into the web with minimal pain on the part of users. Given its wide adoption and visual capabilities, the Adobe Flash Player was the clear choice. The release of ActionScript 3 further sealed the deal, enabling better performance and improved programming models. By leveraging the Flash platform, Flare offers a rich and reliable way to develop and share information visually.

More Like This

  • Using Flash tools to power a personal informatics platform
  • Policy World: A cognitive game for teaching policy argument
  • Adobe AIR and multitouch for multiuser collaboration
  • Designing curriculum around contrasting roles
  • Designing for interactive performance
  • Students study both design and development in innovative Digital Design and Media program
max_banner_220x160

Tutorials & Samples

Tutorials

Samples

Products

  • Acrobat
  • Creative Cloud
  • Creative Suite
  • Digital Marketing Suite
  • Digital Publishing Suite
  • Elements
  • Mobile Apps
  • Photoshop
  • Touch Apps
  • Student and Teacher Editions

Solutions

  • Digital marketing
  • Digital media
  • Web Experience Management

Industries

  • Education
  • Financial services
  • Government

Help

  • Product help centers
  • Orders and returns
  • Downloading and installing
  • My Adobe

Learning

  • Adobe Developer Connection
  • Adobe TV
  • Training and certification
  • Forums
  • Design Center

Ways to buy

  • For personal and home office
  • For students, educators, and staff
  • For small and medium businesses
  • For businesses, schools, and government
  • Special offers

Downloads

  • Adobe Reader
  • Adobe Flash Player
  • Adobe AIR
  • Adobe Shockwave Player

Company

  • News room
  • Partner programs
  • Corporate social responsibility
  • Career opportunities
  • Investor Relations
  • Events
  • Legal
  • Security
  • Contact Adobe
Choose your region United States (Change)
Choose your region Close

North America

Europe, Middle East and Africa

Asia Pacific

  • Canada - English
  • Canada - Français
  • Latinoamérica
  • México
  • United States

South America

  • Brasil
  • Africa - English
  • Österreich - Deutsch
  • Belgium - English
  • Belgique - Français
  • België - Nederlands
  • България
  • Hrvatska
  • Česká republika
  • Danmark
  • Eastern Europe - English
  • Eesti
  • Suomi
  • France
  • Deutschland
  • Magyarország
  • Ireland
  • Israel - English
  • ישראל - עברית
  • Italia
  • Latvija
  • Lietuva
  • Luxembourg - Deutsch
  • Luxembourg - English
  • Luxembourg - Français
  • الشرق الأوسط وشمال أفريقيا - اللغة العربية
  • Middle East and North Africa - English
  • Moyen-Orient et Afrique du Nord - Français
  • Nederland
  • Norge
  • Polska
  • Portugal
  • România
  • Россия
  • Srbija
  • Slovensko
  • Slovenija
  • España
  • Sverige
  • Schweiz - Deutsch
  • Suisse - Français
  • Svizzera - Italiano
  • Türkiye
  • Україна
  • United Kingdom
  • Australia
  • 中国
  • 中國香港特別行政區
  • Hong Kong S.A.R. of China
  • India - English
  • 日本
  • 한국
  • New Zealand
  • 台灣

Southeast Asia

  • Includes Indonesia, Malaysia, Philippines, Singapore, Thailand, and Vietnam - English

Copyright © 2012 Adobe Systems Incorporated. All rights reserved.

Terms of Use | Privacy Policy and Cookies (Updated)

Ad Choices

Reviewed by TRUSTe: site privacy statement