Mashups & Data Visualizations: The New Breed of Web Applications

Mashups & Data Visualizations: The New Breed of Web

Applications

Darlene Fichter

October 31, 2007

OutlineMashups

Library Examples

Data Visualization Tools

Library Opportunities

Over to You

The eyes only see what the mind comprehends

Confocal micrograph byLudovic Collin

Web 1.0 Realm of folks that knew HTML coding Programmers

Web 2.0 Everyone can participate

Don’t need to know HTML Blog, wiki, ..

Citizen journalists, explosion of stock photo sites

The rise of the amateur programmer.

DIY Programming 5 minute customization of applications

No longer the purvey of the techno elite

Definition A mashup is a web application that uses

content from more than one source to create a new service Content is typically sourced via an API* or a RSS

Feed

Term comes from pop music

*API - set of routines for accessing an application or service

What’s a Mashup?

Photo by fensterbme via flickr (CC)

Mashup Ecosystem

Open data Open set of services & applications (APIs) Us

Mashup Ecosystem

Open Content

Web

Mashups

Applications

2456 Mashups

Programmable Web – Mashup Dashboard

http://www.programmableweb.com/mashups

Mashups and Web 2.0 Implications

Fastest growing ecosystems Don’t have to get anybody’s approval to

provide a new API to the Internet operating systems

Content that can be repurposed and remixed gets used

Mashup Tools Yahoo Maps Frappr Google Maps Yahoo Pipes Popfly

Earthquake

Frappr

http://www.frappr.com/blogginglibrarians/

Easy to use of anyone

Google My Maps Go to maps.google.com Click on My Maps Add pushpins plus notes to create a map Embed the code in your library site

Library branchesHistorical buildingsLocations in stories

Easy to use of anyone

Chocomap.com

McMaster Aerial Photos

5,000 aerial photographs of Hamilton, Ontario

Western Springs Historya joint project of the Thomas Ford Memorial Library and Western

Springs Historical Society

http://www.westernspringshistory.org/map/Local data: http://www.westernspringshistory.org/map/data.xml

Easy for anyone who can edit some HTML or XML files.

data.xml

<markers>

<marker lat="41.809488" lng="-87.903845" img=""

descr="Benezette Williams House" addr="4380 Central"

url="http://www.westernspringshistory.org/4380-central/"/><marker lat="41.813353" lng="-87.903827" img="" descr="Bonham House" addr="4210 Central" url="http://www.westernspringshistory.org/4210-central/"/><marker lat="41.813000" lng="-87.899300" img="4636woodland.gif" descr="Claes Arbeen House" addr="4636 Woodland" url="http://www.westernspringshistory.org/4636-woodland/"/><marker lat="41.809578" lng="-87.903822" img="" descr="Cropp House" addr="4381 Central" url="http://www.westernspringshistory.org/4381-central/"/><marker lat="41.813400 " lng="-87.903839" img="" descr="Eagleston-Blair House" addr="4206 Central" url="http://www.westernspringshistory.org/4206-central/"/>

Yahoo Pipes

Tutorial http://mrspeaker.webeisteddfod.com/

2007/02/10/yahoo-pipes/

Find a Library

Book Carousel

http://www.cambridgelibraries.ca/hot/carousel.cfm

Try More Tools

Unintended consequences

Garbage in, garbage out Client side scripts that modify pages

All instances of Microsoft on any site are rewritten to say “the d*!?! Microsoft”

Population Density of the USA

http://www.time.com/time/covers/20061030/where_we_live/

Web Site Structure

http://www.aharef.info/2006/05/websites_as_graphs.htm

Wired.com

Data Visualization Tools

Newsmap

http://www.marumushi.com/apps/newsmap/newsmap.cfm

USA Canada

Facets as Elastic Lists

http://well-formed-data.net/experiments/elastic_lists/

Social Sites for Data Visualization

Allows new kind of data analysis

Both curious and serious, statistician and the citizen

Important new medium

Social Data Sites

Photo by maqrollSlide: Tom Coates, Yahoo!

Social Data Tools

Gapminder

Swivel

Many Eyes

Swivel

Swivel – Tasty Data Goodies

http://www.swivel.com

Pumpkin Production

Data Badge

Why is the Sun called a dwarf?

http://services.alphaworks.ibm.com/manyeyes/view/SJjqGFsOtha6ICEU6EQIF2-

Many Eyes

Love

Many Eyes

1. View and discuss visualizations2. View and discuss data sets3. Create visualizations from existing data sets

If you register, you can also: 4. Rate data sets and visualizations5. Upload your own data

6. Create and participate in topic hubs7. Select items to watch8. Track your contributions, watchlist, and topic hubs9. See comments that others have written to you

Trendalyzer / Gapminder

Hans Rosling, gapminder software, transforms global trends into lively animations

Getting Started is Easy

Step 1 – Get an idea

Step 2 – Create an account

Step 3 – Read the fine print about use

Step 4 – Create it!

API: Sign up for a developer tokenhttp://aws.amazon.com/http://www.google.com/apis/maps/http://api.search.yahoo.com/webservices/register_application

Thank you Darlene Fichter

[email protected] library2.usask.ca/~fichter/