University of Maryland, College Park
Spring 2006
Viz4All Hyunyoung Song (hsong@cs) Maryam Farboodi (farboodi@cs) Hamid Haidarian Shahri(hamid@cs)
Flash

Non-geographic mapping


Implementation: Flash/Animation
Application Domain: Geography
Visualization Category: 2D
Data Set: static
Source: Jonathan J. Harris, Princeton University's International Networks Archive

Readability:
Interaction level:
Visualization compactness:
Review by Hyunyoung Song

This experimental map was produced for Princeton University's International Networks Archive, an organization dedicated to finding a new way of mapping our world. The INA believes that geography is becoming increasingly irrelevant, and that there should be a new system of mapping, based on global transactions instead of geography. This map is an exploration into this theory, and reconfigures 23 world cities based on travel time between the cities instead of distance. By clicking on different cities, the other world cities will slide to reflect their travel time from the chosen hub. The icons along the left of the window represent the various means of transport, and the time cost of each, in traveling between the hub and the highlighted city..

Whatsup


Implementation: Flash
Application Domain: News
Visualization Category: 2D
Data Set: dynamic/realtime
Source: Jeroen Wijering, Design Academy in Eindhoven, the Netherlands

Readability:
Interaction level:
Visualization compactness:
Review by Hyunyoung Song

Flash-based news map called What's Up? New stories are highlighted on the map, and a balloon appears with a headline; clicking on the balloon sends you to the source of the story.

Browse Delicious


Implementation: Flash
Application Domain: Bookmarks
Visualization Category: Network
Source: Kalle Kormann

Readability:
Interaction level:
Visualization compactness:
Review by Hyunyoung Song

Browse delicious is a beautiful 'visual browser' that allows users to explore & browse through a sample dataset (containing 150 persons, their tags & bookmarks) of the del.icio.us social bookmarking system, to see and understand the connections & relations of its entities. The data visualization groups related tags, users or bookmarks and shows their relationships in a colorful circular diagram. Each entry is described through its top related entries (between 5 to 10), each represented through individual pie-chart segments. Each segment shows at its edge 5 circles: its own five related entries. the angle of the segment is determined by the 'usage' of the entry (its relationship to the main entry), while its radius visualizes the entry's 'content value' (its relation to the whole system). selecting a segment in turn shows the specific visualization for that entry.

Nid Gallery


Implementation: Flash
Application Domain: Knowledge Networks
Visualization Category: Bipartite graph
Source: Nid Gallery

Readability:
Interaction level:
Visualization compactness:
Review by Hyunyoung Song

People and works from Nagaoka Institute of Design are visualized using two circular layout. Upon mouse click in one of the circle, the connection information is updated in the other circle. Works better with Mozilla firefox.

Gapminder


Implementation: flash
Application Domain: Demographics
Visualization Category: 1D, 2D
Data Set: 10K, static

Readability:
Interaction level:
Visualization compactness:
Review by Hamid Haidarian Shahri

Gapminder is a non-profit venture for development and provision of free software that visualise human development trends in areas such as income, health, death rates and poverty in various regions of the world. This is done in collaboration with universities, UN organisations, public agencies and non-governmental organisations. Their vision is to make sense of the world, by having fun with statistics. Gapminder is a Foundation registered at Stockholm county administration board. Being a producer of global public goods Gapminder benefit from free and creative inputs from pilot-testers and other end-users in many institutions and organisations.

Exxon Secrets: Exxon Company Anti-Environmental Activity Browser


Implementation: Flash
Application Domain: Business Network
Visualization Category: Network
Data Set: database of the anti-environmental research CLEAR, the Cleasringhouse on Advocacy and Environmental Research, static
Source: Josh On, Amy Balkin; Greenpeace

readability:
interaction level:
visualization compactness:
Review by Maryam Farboodi

Developed for Greenpeace, as a research tool for journalists and the interested public, Exxon Secrets is Documenting Exxon-Mobil's funding of climate change skeptics and provides a research database of information on the corporate funded anti-environmental movement. Certain corporations, think tanks, conservative institutions and their spokespeople, call global warming a hoax. This project pretends to show how ExxonMobil is quietly funding these organizations by exposing the perfidious network of connections between ExxonMobil and the organizations and people that benefit from their funding.

CIA World Factbook Visualization


Implementation: Flash
Application Domain: Knowledge Network
Visualization Category: Network
Data Set: CIA factbook on countries, static
Source: Moritz Stefaner, 5th Framework, Information Society Technologies programme, Flexible University key action

readability:
interaction level:
visualization compactness:
Review by Maryam Farboodi

As a follow-up job, Moritz Stefaner developed a visual semantic web browser for the project WINDS, an EC-funded project in the 5th Framework, Information Society Technologies programme, Flexible University key action. The main goal of WINDS is to contribute to the reorganisation of the pedagogical, cultural and functional aspects of design education at university. Stefaner produced this flash demo that allows an incredibly smooth navigation through the content of the CIA Factbook, jumping from country to country with extreme fluidity. For every country one can easily see its neighboring countries, the official languages, water and terrestrial boundaries, and even more detailed info by expanding the country's sphere. The visualized data came from a semi-automatically generated learning object index of the eLearning environment ALE.

Nodecurated: Online Curator of Author-Product Relationship


Implementation: Flash
Application Domain: Knowledge Network
Visualization Category: Network
Data Set: any list of Paper-Author Relationships, realtime
Source: Ricard Montolio, Noemi Guillaumet

readability:
interaction level:
visualization compactness:
Review by Maryam Farboodi

Nodecurated is a management tool for online curatorships. This tool synthesizes the basic parameters defined in the functions of author as manager and work of art as a tool, where the user plays the determinant role in its configuration. Nevertheless, this project aims to be a tool of analysis of the practices of creation on the net. In this way, an open context is defined in the environment of cultural production on the net, favoring the presence of conceptual suggestions in the area of digital practices. Nodecurated is a system of information visualization for curatorial projects on the net, a field where there is too much dependence on traditional curatorial projects. Nodecurated proposes to rethink of the net from the net itself, putting forward a tool of dialogue, where the different suggestions of curatorial practice do not remain unheard but open to multiple relationships through the process of the reading of these.

Backchannel: Real-time Conversation View


Implementation: Flash
Application Domain: Social Network
Visualization Category: Network
Data Set: Conversation in the #etech IRC Chanel at O'Reilly's Emerging Technology Conference, realtime
Source: Stamen Design

readability:
interaction level:
visualization compactness:
Review by Maryam Farboodi

Backchannel is a real-time view of the conversation happening in the #etech IRC channel at O'Reilly's Emerging Technology Conference (on Freenode). Stamen Design has a bot observing events in the channel, publishing them as a web-service via XML and JSON, and making them available to a visualization component built in Flash. A conference backchannel is home to a lot of interesting conversational dynamics: additional context, participation from speakers, visitors from elsewhere in the world, sniping, and coordinated walkouts. The authors were intrigued by the idea of a pointedly live visual environment that would illustrate and respond to this other space. Each participant in the backchannel is shown in a circle, with nicknames arranged alphabetically, counter-clockwise from right. Blue bars next to each nickname show how active each participant has been. Connections between nicknames show participants who?ve spoken around the same time. Events are marked in a narrow strip across the top, in blue. The most recent events are at right, stretching back in time about three hours to the left.

XML 3D Node Diagram: XML Structure


Implementation: Flash
Application Domain: Multi-Domain Representation
Visualization Category: Hierarchy (and 3D)
Data Set: XML Files, realtime
Source: Luke Murphy

readability:
interaction level:
visualization compactness:
Review by Maryam Farboodi

XML 3D Node Diagram is a flash piece that allows anyone to load a xml file and see its structure drawn in a 3D cone diagram, tree form or branching structure which can then be rotated along the three axis, X, Y and Z. One can also zoom in the dynamic diagram in order to find and drag particular nodes. Changing the controls changes the form of the diagram; for example, by changing the sub node angle, the spread of the nodes automatically readjust. If one doesn't want to load their own xml file, this flash application has already various sample feeds and data available for further analysis. The user can for instance visualize feeds from Yahoo News, Boing Boing, Slashdot, BBC World News, among others.



AddIn/PlugIn

Inspire Software


Implementation: AddIns
Application Domain: Document Representation in all domain
Visualization Category: Network
Data Set: dynamic/static
Company: PNNL (Pacific Northwest National Laboratory)

Readability:
Interaction level:
Visualization compactness:
Review by Hyunyoung Song

IN-SPIRE™, powerful information visualization software developed by Pacific Northwest National Laboratory. IN-SPIRE™ has been used to explore technical and patent literature, marketing and business documents, web data, accident and safety reports, newswire feeds and message traffic, and more. It has applications in many areas, including information analysis, strategic planning, and medical research. IN-SPIRE™ organizes and visualizes the topical content of ASCII or XML text files. These files may come from web pages, databases, OCR documents, message traffic, or other sources. They have two major views; ThemeView and GalazyView for document overview.

ADVIZOR(Mutual Funds Analysis Self Service)


Implementation: AddIns to Microsoft Office, Business Objects, Oracle and Teradata
Application Domain: Business/Finance
Visualization Category: 1D,2D
Data Set: dynamic/static
Company: Advizor Solutions, INC (Bell labs)

Readability:
Interaction level:
Visualization compactness:
Review by Hyunyoung Song

Three-chart ADVIZOR dashboard page provides the ability to analyse user's data. It displays the data in various visual charts, enables to slice and dice and correlate dimensions, run a predictive model to further explore and validate. When the analysis is done, it can be deployed to the Intranet/Extranet.



Perl

PubNet: Medical Publication Network Browser


Implementation: CGI (using pdf/PS/PNG/SVG/GDL/ZIP to display the results)
Application Domain: Knowledge Network
Visualization Category: Network
Data Set: United States National Library of Medicine, dynamic
Source: SM Douglas, GT Montelione, M Gerstein; Gerstein Lab - Yale University

readability:
interaction level:
visualization compactness:
Review by Maryam Farboodi

PubNet is a utility that accepts as input up to two PubMed queries, and returns as output a network graph (in multiple image formats) based on user-specified node and edge selection properties. PubMed is a search system offered by the United States National Library of Medicine as part of the Entrez system. It provides a means of searching the MEDLINE database. The resulting nodes from PubNet output represent data items associated with publications returned by the queries (such as paper ids, author names, and databank ids), and edges represent instances of shared properties. PubNet can be used to visualize a variety of relationships, such as the degree to which two authors collaborate or the MeSH Term relatedness of publications with PDB ids. The visualization is done with the aid of aiSee visualization software.

Global Attention Profiles (Recent Research on Media Attention)


Implementation: Perl Scripts
Application Domain: News
Visualization Category: Multi dimensional
Data Set: varies
Source:Ethan Zuckerman and the Berkman Center for Internet and Society at Harvard Law School

Readability:
Interaction level:
Visualization compactness:
Review by Hyunyoung Song

paper link
GAP - the Global Attention Profiles project - tracks the attention that selected news media outlets pay to different nations of the world. A set of automated programs performs 1700 web searches every day to determine what nations news media outlets are paying the most attention to and presents this information in table and map form. GAP also correlates media attention to different development statistics, including national GDP and population. GAP maps of media attention include maps of the relationship between attention and GDP or population.

The Effect of Worms on the Internet


Implementation: Perl Scripts
Application Domain: Computer Systems
Visualization Category: Multi dimensional
Data Set: varies

Readability:
Interaction level:
Visualization compactness:
Critique
(+): shows the pattern of propagation
(-): does not provide insight into the problem
Review by Hamid Haidarian Shahri


Ed Blanchfield used a Firewall/Intrusion Detection System (IDS) log data to get "before" and "after" graphs showing the impact of an MS-SQL worm, which hit the Internet around January 25th 2003. When this particular worm hit a large class B sized network, an IDS system designed and implemented by Blanchfield for a large managed services provider, was one of the first sites in the world to detect and report the incident. Ed posted his original findings and info to various security lists and quickly wrote up a parser to create GDL files from Firewall and IDS logs, which he fed into aiSee Graph Layout Software in order to visually map this worm's effect on their customer's network.

Metabolic Pathways


Implementation: Perl Scripts
Application Domain: Biology
Visualization Category: 2D

Readability:
Interaction level:
Visualization compactness:
Critique
(+): provides a lot of detailed information
(-): hard to find a specific item that you are looking for
Review by Hamid Haidarian Shahri


This highly complex diagram is part of Roche Applied Science "Biochemical Pathways" series of wall charts. Roche created two informative wall charts, representing metabolic research in many life science fields, including molecular biology, cell biology, receptors and immunological interactions, and much more. The charts make it easy to find the metabolic pathways that most interest a particular user/researcher.

Java/Java Applet

Visualizing Haplotype Blocks


Implementation: Java
Application Domain: Biology
Visualization Category: 2D

Readability:
Interaction level:
Visualization compactness:
Critique
(+): useful applications
(-): not interactive
Review by Hamid Haidarian Shahri

When comparing the genome of two different people, you'll see single letter changes (called SNPs, pronounced "snips") every few thousand letters. An interesting feature of SNPs is that their ordering has distinct patterns, where sets of consecutive changes are most often found together. There are many methods for looking at this data, so this piece combines several of them into a single visual display.

TouchGraph GoogleBrowser


Implementation: Java applet
Application Domain: World Wide Web
Visualization Category: Network
Data Set: World Wide Web Pages, realtime
Source: Martin Spernau; TouchGraph LLC

readability:
interaction level:
visualization compactness:
Review by Maryam Farboodi

Java application that uses the Web API to produce graphs of related pages by running "similar-to" queries on Google. Google ranks search results partly based upon the number and importance of links pointing to a particular page. The TouchGraph Google Browser uses Google's database to determine and display the links between a URL that you enter and other pages on the web. The results are displayed in a graph that shows both inbound and outbound relationships between URLs. TouchGraph provides a hands-on way to visualize networks of interrelated information. Networks are rendered as interactive graphs, which lend themselves to a variety of transformations. By engaging their visual image, a user is able to navigate through large networks, and to explore different ways of arranging the network's components on screen.

StarryNight:Document Similarity Detection

Implementation: Java Applet and Perl
Application Domain: World Wide Web
Visualization Category: Network
Data Set: Text pages on the Rhizomo.org website, static
Source: Alex Galloway, Mark Tribe, Martin Wattenberg; Rhizome.org

readability:
interaction level:
visualization compactness:
Review by Maryam Farboodi

When a new text is read for the first time on the Rhizome.org website, it appears on StarryNight as a dim star. Each time a text gets read again by any Internet user around the world the corresponding star gets a bit brighter. Over time, the page comes to resemble a starry night sky, with bright stars corresponding to the most popular texts in the database, and dim stars corresponding to less-popular ones.Dragging the mouse over one of the stars brings up a pop-up list of keywords that the corresponding text shares with other texts. Select a keyword in the pop-up list to draw a constellation linking all the stars that share that keyword.

Travel Time Tube Map: London Metro Travel Time

Implementation: Java applet
Application Domain: Transportation Networks
Visualization Category: Network
Data Set: London Metro Map, static
Source: Tom Carden - Geoff and Neil's travel times map

readability:
interaction level:
visualization compactness:
Review by Maryam Farboodi

As a proof of concept, Tom Carden plotted the London Underground Map with respect to the time to travel between stations (excluding waiting times and interchange times) in a quite engaging interactive application. Built with Processing, this interactive Tube Map allows the user to click on (or select from a drop-down list) a station to see the London Underground map reorganize around the times of travel from that station. Shortest paths are used to place the other stations - radius is proportional to time to travel, and angle should be correct for as-the-crow-flies direction on a map. The concentric circles are at 10 minute intervals.

Musicmap: Album Relationship Browser

Implementation: Java applet
Application Domain: Knowledge Network
Visualization Category: Network
Data Set: Amazon ecommerce service's music information, realtime
Source: Fahri Ozkaramanli, Ozhan Binici; DimVision

readability:
interaction level:
visualization compactness:
Review by Maryam Farboodi

Musicmap is an application for exploring album relationships based on Amazon's similarity results. The application consumes Amazon e-commerce service's music information for searching music and finding similarities between albums and displaying the results through a force directed graph. With Musicmap, one can visualize their map of music taste and discover new albums that are similar to already known ones.

base26: Four-Letter Words in English!

Implementation: Java applet
Application Domain: Knowledge Network
Visualization Category: Network
Data Set: Four-Letter English Words, static
Source: Karsten Schmidt

readability:
interaction level:
visualization compactness:
Review by Maryam Farboodi

Four-letter words have a special status in the english language and culture. Counting in at over 1650 words, in most cases the term is only used to address the more crude, sexual subset and its use has been effectively eliminated from the language of "good" society, mainly due to its negative connotations with lack of education, etiquette and status. In a way, the use of those four-letter words reflects the schizoid prudence and class system in English speaking societies, still evident today. base26 is a startling interactive visualization project that attempts to give a spatial overview of the entirety of this part of English language heritage, as well as to explore and visualize relations between all those words. Letters are interpeted as 4D coordinates, shown in a smoothly transforming 3D space, produced with Processing.

The Big Picture: News.com Story Connector

Implementation: Java applet
Application Domain: Business Network
Visualization Category: Network
Data Set: News.com story collection, dynamic
Source: Liveplasma.com

readability:
interaction level:
visualization compactness:
Review by Maryam Farboodi

The Big Picture is a CNET News.com special feature, connecting the dots between stories, companies, and topics within the News.com site. For every story published, News.com editors and reporters included relevant links to other News.com stories. In addition, News.com highlights the important companies that appear in a story as well as attach appropriate topics to each story. This feature was developed in collaboration with Liveplasma.com.

Holly Shallot: The Cuisine Network

Implementation: Java applet
Application Domain: Knowledge Network, Food
Visualization Category: Network
Data Set: a Wikipedia-linked, cross-referenced index of 1047 food ingredients, basic sauces, flavors, ethnic cuisines; about 20000 specific associations, static
Source: Ben Gimpert

readability:
interaction level:
visualization compactness:
Review by Maryam Farboodi

Holy Shallot is a versatile, browsable, online food pairings index. As the author explains: "I've named the project 'Holy Shallot' in honor of that amazing, but under-appreciated cousin of the onion. The database is a Wikipedia-linked, cross-referenced index of 1047 food ingredients, basic sauces, flavors, ethnic cuisines -- with about 20000 specific associations. For instance, browsing to the entry on "sage" reveals strong pairings with the entries on "pork" and "bitter flavor" and "butternut squash". It is an excellent resource for cooks and gourmands who are looking for inspiration on an edgy new dish, or a clever use of the ingredients around a kitchen.

Delicious Soup

Implementation: Java applet
Application Domain: Knowledge Network
Visualization Category: Network
Data Set: Users del.icio.us homepage, dynamic
Source: Olivier Zitvogel

readability:
interaction level:
visualization compactness:
Review by Maryam Farboodi

Delicious Soup is playful visualization tool that maps one's del.icio.us tags in a radial structure. Tags are represented by bouncing bubbles, while edges provide relationships between the tags.

Figurative system of human knowledge

Implementation: Java applet
Application Domain: Knowledge Network
Visualization Category: Network
Data Set: Tree of human knowledge taxonomy, static
Source: Christophe Tricot

readability:
interaction level:
visualization compactness:
Review by Maryam Farboodi

The "figurative system of human knowledge", sometimes known as the tree of Diderot and d'Alembert, was a tree developed to represent the structure of knowledge itself, produced for the Encyclopedie by Jean le Rond d'Alembert and Denis Diderot. The tree was a taxonomy of human knowledge, inspired by Francis Bacon's Advancement of Knowledge. The three main branches of knowledge in the tree are: "Memory"/History, "Reason"/Philosophy, and "Imagination"/Poetry. This dynamic map produced by Christophe Tricot, and developed in Java, is a novel interpretation of the original tree of knowledge. It's interactive fisheye view is one of the most engaging, smooth and intuitive techniques I've seen to interact and navigate complex hierarchical systems. It makes you think how interesting it would be to navigate Lombardi's networks this way. It's truly worth exploring.
Themost interesting feature of this system is that it gives an overview of the hyperbolic tree so that at each point of time user can figure out its current location in the tree. This solves the general navigation problema ssociated with hyperbolic trees.



REBOL

Vanilla Space Visualization Project: Network Browser


Implementation: REBOL
Application Domain: Knowledge Network
Visualization Category: Network
Data Set: Google sets, dynamic
Source:: Christian Langreiter; LANGREITER.COM

readability:
interaction level:
visualization compactness:
Review by Maryam Farboodi

The goal of this project is to envision and implement compelling, useful and/or enlightening visualizations of the Vanilla snip/link structure. Vanilla is a simple, extensible hypertext system and framework for developing small-scale web applications written in REBOL. The first incarnation of vanilla-vista uses TouchGraph, a Java framework for creating dynamic graph visualizations developed by Alex Shapiro. A very interesting application of vanilla-vista (available at langreiter.com) is visualizing Google sets, in particular when mapping the relationships and sphere of influence of a particular person, such as Isaac Newton, Plato, Galileo, or Frank Sinatra. Once the initial graph has loaded, you can wander further by double-clicking on a node (which loads the next few neighbouring nodes, should there be any). Be sure to right-click on nodes to see more options (like jumping to the node of interest in the browser).



PHP

Mapping the Iraqi Election

Implementation: PHP
Application Domain: Government/Politics
Visualization Category: 1D, 2D
Data Set: 100, static

Readability:
Interaction level:
Visualization compactness:
Review by Hamid Haidarian Shahri
 

This tool allows users to visualize the results for the January 2005 election. The results are displayed over a geographical map. Independent Electoral Commission of Iraq released provisional election results, shown below superimposed on maps of Iraq’s 18 governorates. Maps are shown for each of the 8 parties that won more than than 45,000 votes. Out-of-Country (OCV) votes are shown in red.

Questioning Judge Alito

Implementation: PHP
Application Domain: Government/Politics
Visualization Category: 1D, 2D
Data Set: 1M, static

Readability:
Interaction level:
Visualization compactness:
Review by Hamid Haidarian Shahri
 

This tool allows users to visualize word counts for three rounds of Senate Judiciary Committee questions and answers. The 18 members of the Senate Judiciary Committee were each given three opportunities to question Judge Samuel Alito: an initial round of 30 minutes, a second round of 10 minutes, and a third round of up to 25 minutes. Below, the numbers of words used by each senator are shown in red for Republican senators and blue for Democratic senators. The numbers of words used by Judge Alito to respond to each senator are shown in gray.

State of the Union Parsing Tool

Implementation: PHP
Application Domain: Representation
Visualization Category: 1D, 2D
Data Set: 1M, static

Readability:
Interaction level:
Visualization compactness:
Critique
(+): enables interesting analysis
(-): use of tooltip for showing the context of a word is not appropriate
Review by Hamid Haidarian Shahri

This tool allows users to visualize sentence length and word incidence in George W. Bush's State of the Union Addresses. Various words can be searched for in the speech. The sentence in which the word was used, that is the context, can also be seen by the user. The size of the marker that is showing the words is resizable. There is also a historical archive of famous speeches by previous presidents like Abraham Lincoln.

Stand Alone Application

Linux Kernel Graphing Project

Implementation: Stand Alone Application
Application Domain: Computer Systems
Visualization Category: 2D

Readability:
Interaction level:
Visualization compactness:
Critique
(+): interesting
(-): not very informative
Review by Hamid Haidarian Shahri

The original Linux Kernel Graphing Project was a bold undertaking by Rusty Russel which resulted in a complex graph of all the .c files in the 2.4.0 Linux Kernel: each function graphically represented and named, resulting in 180MB of PostScript. Another version of the graph, developed by Creinig for V2.5.2, took the Linux Kernel source distribution, crunched over it for about 35 minutes on a 400MHz machine / 11 minutes on a 1.2GHz Athlon, requiring up to 90MB RAM at peak times and about 240MB disk space (without kernel sources) and finally produced a ~22MB postscript file of the poster.

Genome Diagram

Implementation: Stand Alone Application
Application Domain: Biology
Visualization Category: 2D
Data Set: 1M

Readability:
Interaction level:
Visualization compactness:
Review by Hamid Haidarian Shahri

GenomeDiagram is a Python module for drawing publication-quality images (circular and linear diagrams) of genome sequences and data at arbitrary scales (up to A0 and beyond). GenomeDiagram can take whole genome files and arbitrary data as input, displaying them on individual (or combined) tracks. The package can draw graphs of arbitrary data values, and is highly customisable. GenomeDiagram is co-authored by Leighton Pritchard and Jennifer White.