Your SlideShare is downloading. ×
Mdst3559 2011-04-26-viz1
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Mdst3559 2011-04-26-viz1

194

Published on

Published in: Education, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
194
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Visualizing 1
    MDST 3559: DataestheticsProf. Alvarado03/26/2011
  • 2. Business
    Journaling?
    Access to the database?
    Last two weeks of class
  • 3. Review
    The data model
  • 4.
  • 5. Views
    shah_episide_and_captions_VIEW
    zim_topic_in_para_VIEW
  • 6. Overview
    Review principles of visualization covered so far in the course
    Review principles of hand-made visualizations
  • 7. What is visualization?
  • 8. All visualization involves transformation
    Raw Data  Data Models  Queries  Arrays  Visual Arrangements
  • 9. The “final” transformation
    The visual product encodes a series of transformations from raw data to visual design
    A key element of this design is the use of space
    Space is complex—it involves the concepts of dimension, location, distance, and shape
    Each visualization uses these elements differently
  • 10. What is transformation?
    Review Examples
  • 11. Patterns of Transformation (i)
    Image Grids (aka Image Graphs)
    Purpose: Creates 2D qualitative space
    Space is uniform, Cartesian
    “Points” are actually not atomic, but contain content
    Designed to show “hot spots”
    Method:
    Identify X and Y in which to plot objects of type A
    Create query to generate A, X and Y columns
    Convert query data into 3D array $DATA[$X][$Y] = $A
    Convert array into HTML
  • 12. http://studio1.shanti.virginia.edu/~rca2t/dataesthetics/03-29/v4.php
  • 13. Patterns of Transformation (ii)
    Network Graphs
    Purpose: Creates a network of relationships
    Space not uniform—distance and location of nodes require interpretation
    Method:
    Identify nodes and principle of relationship (e.g. container)
    Create query to generate nodes and principle
    Convert query into NODE and EDGE arrays
    Convert arrays data into Cartesian Product for each principle
    Convert array into PNG, SVG, etc.
  • 14. http://studio1.shanti.virginia.edu/~rca2t/dataesthetics/04-26/graph-main.php
  • 15. Patterns of Transformation (iii)
    Adjacency Matrix
    Purpose: Creates a 2D space
    But X and Y are “self similar”
    Method:
    Identify X and Y
    Create query to generate X and Y columns
    Convert query data into 2D array
    Convert array into HTML
  • 16. http://studio1.shanti.virginia.edu/~rca2t/dataesthetics/04-21/ex-04-pviz-matrix.php
  • 17. Patterns of Transformation (iv)
    Arcs and Circles
    Purpose: Creates a 2D dimensions, with 1 dimension metric, the other not
    Only an X axis with connections in qualitative space
    Method:
    Same as network graphs
    Visualize using Protovis library
  • 18. http://studio1.shanti.virginia.edu/~rca2t/dataesthetics/04-21/ex-04-pviz-arc.php
  • 19.
  • 20. Patterns of Transformation (v)
    Hand-made
    Purpose: Creates a free-form qualitative space
    Method:
    Draw!
  • 21.
  • 22.
  • 23.
  • 24. What happens to space?

×