Using MoneyTree To Represent Financial Data

1
Using MoneyTree To Represent Financial Data
Xiaobin Shen, Peter Eades The University of
Sydney National ICT Australia xshen,
peter_at_it.usyd.edu.au
2
Overview

• Introduction
• Short Review
• What we do
• Future Work

2
3
Overview

• Introduction
• Short Review
• What we do
• Future Work

3
4
Ambient Visualization

• the use of aesthetically pleasing displays of
  information which sit on the periphery of a
  users attention
• -----Manko et al. 2003
• Phenomena
• Perhaps does not reside on the screen of a
  desktop computer
• Exists in the general environment
• In the periphery of the users attention

4
5
Ambient Visualization

• Aim
• Provide useful information
• Blend in with the surroundings
• Appealing to the eye
• Method
• Modify traditional wall-hung art
• Function
• Decoration of the architectural space

5
6

• Suppose a computer user has 5 screens
• Part of one screen is the focus of attention
• The remainder are in the periphery
• What pictures should we put in the periphery?

Peripheral
Focus
Peripheral
8
7
Financial Visualization

• Definition
• Practice of making large financial datasets into
  images
• Challenges
• Financial Complexity
• vast amount of data complex financial models
• Visual Complexity
• lack of physical/geometric correspondence from
  data to spatial coordinates

7
8
Financial Visualization Terminology

• Bid Price
• the price what somebody will pay for a stock at
  a given moment
• Ask Price
• the price at which someone is willing to sell a
  stock
• Volume
• the number of shares offered

8
9

• Comparison
• Normally, people will use 2D stock charts to see
  the trend and make a decision
• We use 3D tree image to represent the real-time
  stock information

9
10
Overview

• Introduction
• Short Review
• What we do
• Future Work

10
11
Review

• Previous work
• Digital family portraits Mynatt et al. 2001
• InfoCanvas Miller and Stasko, 2002
• BusTraffic Tobias et al. 2003

11
12
Digital family portraits
Use a picture frame to put the updated
information about the health, Environment,
Activity and Event of family member in the border
of the photo.
12
13
InfoCanvas
Consists of specialized computer displays that
provide awareness of some source of information,
using images, creating a form of virtual
paintings
13
14
BusTraffic

• Inspired by Mondrian, creates an informative art
  installation to represent the real-time local bus
  traffic conditions

14
15
Overview

• Introduction
• Short Review
• What we do
• Future Work

15
16
What we do
AMP
NCPDP
VCR

• Use different images of trees to represent the
  real-time changes in stock prices and volume

16
17
Information Flow

• Ambient visualization

Computer
Image(s)
Wallpaper/ Painting
Filter
17
18
Methodology

• Symbol
• height of the tree represents trade volume
  (accumulated over a day)
• tree health (number of leaves) represents the
  trade price
• Setting
• assume the price change rate is within -10
  , 10
• Change tree once per minute

18
19
Data

• Our project
• 1. Extract necessary data from the source.
• 2. Calculate the average stock price and price
  
  
• 3. Map data into tree model

• change rate.

19
20
Image Morphing

• Purpose
• To achieve a smooth graphical transition from one
  tree to the next.
• Phenomena
• This process will last 1 second
• Old image fades out and new one fades in.
  

(See example on the left)
20
21
Why Use MoneyTree

• Represent multiple stocks in one frame
• Place important information into peoples
  everyday environment
• From aesthetic view, to let people feel MoneyTree
  is an artwork

21
22
Overview

• Introduction
• Short Review
• Methodology
• Future Work

22
23
Future Work

• Design and implement an evaluation process
• Make a user customization
• Investigate business models for ambient displays

23