Mashup Madness

1
Mashup Madness

• Jeff Sale
• San Diego Supercomputer Center
• Supercomputing 2008, Austin, TX

2
A Little BackgroundAbout Me
3
Background

• B.S., Applied Physics, Condensed Matter
• San Diego State University
• Advanced Physical Measurement 357
• Advanced Physical Pain
• Good at triple integrals of magnetic fields

4
VR in the Clinic, the ICU, and the Home

• The VPL Research Data Glove
• Parkinsons tremor, Lou Gehrigs Disease (ALS),
  Huntingtons Disease

5
Visualization

• Compressed Dimensional Arrays
• EEG, ECG Spatiotemporal Isosurfaces

6
Models and Simulations
Avian Respiratory Dynamics
Actin-myosin
Cardiac Simulator
Cell Mitosis
Cardiac Ischemia
Seismic Dynamics
Earthquake Activity
Volcanic Eruption
Parkinsons Disease
7
Geo-Collaborations
Kris Stewart
Christina Tague
Kathy Thorbjarnson
Eric Frost
Vic Camp
Pat Abbott
Serge Rey
Regional Workbench Consortium
8
Online Image and Data Atlases
9
About Mashups
10
What is a Mashup?

• In technology, a mashup is a web application that
  combines data from more than one source into a
  single integrated tool an example is the use of
  cartographic data from Google Maps to add
  location information to real-estate data from
  Craigslist, thereby creating a new and distinct
  web service that was not originally provided by
  either source.
• Mashup originally referred to the practice in pop
  music (notably hip-hop) of producing a new song
  by mixing two or more existing pieces.

- Wikipedia
11
The Mashup Ecosystem
12
What are Mashups Used For?

• Programmable web lists 1,832 Mashups with 37
  of them using mapping APIs, 9 photos, 8 news,
  6 RSS and so on.
• API scorecard indicates that Google Maps is used
  in 931, or nearly 50 of all Mashups!

13
Examples

• Social networking, Folksonomies, Tagging
• Commercial, enterprise decision-making
• News
• Traffic
• Crime
• Census
• Environment

14
Social Explorer-U.S. Census Data
15
Election Data - Perspctv
16
San Diego Crime Statistics
17
Principles of Graphical Excellence

• Well-designed presentation of interesting data
• A matter of substance, statistics, and design
• Complex ideas communicated with clarity,
  precision, and efficiency
• Gives the greatest number of ideas in the
  shortest time with the least ink in the smallest
  space
• Nearly always multivariate
• Requires telling the truth about the data

Edward Tufte, The Visual Display of Quantitative
Information, 1983, Graphics Press
18
Big Ducks

• Self-promoting
• Taken over by decorative forms or computer debris
• Purveys style rather than substance

19
Superbly Produced Ducks
20
Puzzles and Hierarchy
Utilization of Primary Colors in Displaying More
than One Variable, reviewed in American
Statistician, 34 (1980)
21
About Map Mashups
22
Map Mashups

• First wave of web-based mashups were map-based
  with geo-referenced data
• Example Google Map with GeoRSS Feed of
  earthquake data from USGS

23
Global Positioning System (GPS)

• System of 27 NAVSTAR Satellites
• 3D Trilateration
• Determination of Latitude and Longitude
• GPS Handhelds with Atomic Clock precision

Courtesey Garmin
Courtesey NASA
Courtesey Google
24
Narratives in Space and Time

• Hannibals campaign in Spain, Gaul, and northern
  Italy
• Napoleons March on Moscow, 1812-13
• Charles Joseph Minard, Tableaux Graphiques et
  Cartes Figuratives de M. Minard, 1845-69.

Edward Tufte, The Visual Display of Quantitative
Information, 1983, Graphics Press
25
Multivariate Visualization
French Global Wine Exports, Charles Joseph
Minard, Bibliotheque d lEcole Nationale des
Ponts et Chausses, Paris, 1845-69
Edward Tufte, The Visual Display of Quantitative
Information, 1983, Graphics Press
26
Saving Lives
Location of cholera deaths relative to community
water pumps, Dr. John Snow E. W. Gilbert,
Pioneer Maps of Health and Disease in England,
Geographical Journal, 1958
Edward Tufte, The Visual Display of Quantitative
Information, 1983, Graphics Press
27
Mashup Resources
28
Mashup Editors

• Microsoft Popfly
• http//www.popfly.com/Home.aspx
• Yahoo Pipes
• http//pipes.yahoo.com/pipes/
• Google Mashup Editor
• http//code.google.com/gme/tour/tour1.html
• IBM alphaWorks QEDWiki
• http//services.alphaworks.ibm.com/qedwiki/
• Open Mashups
• http//www.open-mashups.org/
• Dapper
• http//www.dapper.net/

29
Mashup Collections

• Digg
• http//digg.com/
• Open Mashups
• http//www.open-mashups.org/
• Mashup Awards
• http//mashupawards.com/
• WebMashups
• http//www.webmashup.com/
• Programmable Web
• http//www.programmableweb.com/

30
Mashup Developer Tools

• Google Developer Resources
• http//code.google.com/
• Yahoo Developer Network
• http//developer.yahoo.com/
• http//developer.yahoo.com/maps/
• YouTube
• http//www.youtube.com/dev/
• Rhapsody Music
• http//webservices.rhapsody.com/
• Flickr Photos
• http//www.flickr.com/services/api/
• Digg
• http//apidoc.digg.com/Toolkits

31
Mashup Data Resources

• GeoRSS Feeds
• http//www.fmepedia.com/index.php/GeoRSS_Feeds
• Flickr
• http//www.flickr.com/
• Picasa
• http//picasaweb.google.com/home
• Yahoo Maps Traffic
• http//traffic.yahoo.com/traffic
• Stock Market Online Data
• http//www.econ.yale.edu/shiller/data.htm
• Census Data
• http//www.census.gov/
• Crime Data
• http//www.apsu.edu/oconnort/data.htm

32
Mashup References

• Why Mashups?
• http//blog.sherifmansour.com/?p187
• Mashups (Wikipedia)
• http//en.wikipedia.org/wiki/Mashup_28web_applica
  tion_hybrid29
• The Mashup Revolution
• http//nice97friends.wordpress.com/2007/08/17/the-
  mash-up-revolution/
• Abject Learning
• http//weblogs.elearning.ubc.ca/brian/archives/040
  266.php
• Mashups, the new breed of Web app
• http//www.ibm.com/developerworks/xml/library/x-ma
  shups.html

33
No Substitute Like Hands-On

• Demo of Microsoft Popfly
• Demo of YourGMap
• Demo of Google Mashups Editor
• Hands-on Create Your Own Map Mashup with
  Earthquake data from the USGS RSS Feed

Thanks to
SDSC Education http//education.sdsc.edu/