Difference between revisions of "Visualizations: Newsprint"

From dftwiki3
Jump to: navigation, search
(New page: Image:visuLogo.png <digg /> This page is maintained by Dominique Thiebaut and contains various interesting visualization examples or ...)
 
(Replacing page with 'See News Page...')
Line 1: Line 1:
[[Image:visuLogo.png]]
+
See [[Visualizations: News | News ]] Page...
<digg />
 
This page is maintained by [[Dominique Thiebaut -- Computer Science:About | Dominique Thiebaut]] and contains various interesting visualization examples or related material gathered on the Web, and in various publications.  Editing of this page by anonymous users is not enabled, but feel free to email thiebaut-at-cs.smith.edu with your own discoveries, which will be promptly added!
 
 
 
The different visualization systems shown below are organized by application domains, and by type (borrowed and adapted from [http://www.cs.umd.edu/class/spring2005/cmsc838s/viz4all/viz4all_a.html Viz4All]).
 
 
 
The application domains include:
 
{|
 
|
 
* [[Visualizations: Algorithms | Algorithms]]
 
* [[Visualizations: Animation | Animation ]]
 
* [[Visualizations: Art | Art]]
 
* [[Visualizations: Business / Stock Market | Business/Stock Market]]&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
 
* [[Visualizations: Geographic|Geographic]]
 
* [[Visualizations: Government/Politics | Government/Politics]]
 
* [[Visualizations: Historical| Historical]]
 
* [[Visualizations: Humor|Humor]]
 
* [[Visualizations: Internet/Search|Internet/Search]]
 
|
 
* [[Visualizations: Knowledge Management System|Knowledge Management Systems]]
 
* [[Visualizations: Lexical/Text | Lexical/Text]]
 
* [[Visualizations: Multimedia|Multimedia]]
 
* [[Visualizations: News|News]]
 
* [[Visualizations: Newsprint| Newsprint]]
 
* [[Visualizations: Product Search/Shopping|Product Search/Shopping]]
 
* [[Visualizations: Scientific|Scientific]]
 
* [[Visualizations: Social Networks|Social Networks]]
 
* [[Visualizations: Surveys| Surveys/Collections]]
 
|}
 
 
The types include
 
{|
 
|
 
* 1-D&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
 
* 2-D
 
* 3-D
 
* hierarchical&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
 
|
 
* multi-dimensional
 
* network
 
* temporal
 
<br />
 
|}
 
 
 
__TOC__
 
<!-- --------------------------------------------------------------------------------------------------------------- -->
 
 
 
[[Image:visu_Algo.png]]
 
= Algorithms=
 
==[http://www.seadragon.com/showcase/chris-jordan/ Chris Jordan's Art]==
 
[[Image:ChrisJordan_art.png | 500px | right]]
 
'''Category''': Algorithms, Art<br>
 
;'''Where''':
 
:Chris Jordan Photographic Arts
 
:Seattle, WA 98117<br />
 
'''Implementation''': 2D, Interactive<br />
 
'''Date''': 2009
 
 
 
In [http://www.seadragon.com/showcase/chris-jordan/ Running the Numbers], [http://www.chrisjordan.com/ Chris Jordan] uses [http://www.seadragon.com/ SeaDragon] (owned by Microsoft) to create  mosaics of pictures representing art work or landscape that can be dynamically explored by the user.
 
 
 
The ''visualizations''  are  collected in his new book ''Running the Numbers'', Prestel Publishing, 2009. 
 
 
 
''Statistics can be daunting and dry: 1,000,000 trees cut down every year; 9,000,000 American children without health insurance; 2,000,000 plastic bottles used every five minutes; 2,300,000 adults incarcerated in U.S. prisons. Renowned photographer Chris Jordan brings these staggering numbers to life in manipulated digital photographs that are at once alluring and shocking. A landscape of toothpicks, each representing a felled tree, stretches into the horizon; a looping maze of plastic cups reveal how many are used each day on airplane flights; fashioned from soda cans, a replica of a Seurat masterpiece becomes a lesson in waste; and thousands of Barbie dolls—representing the number of breast augmentations performed each year—combine to depict a woman’s torso. Filled with astonishing photographs of surprising beauty, this book, manufactured from recycled materials, helps us grasp visually the potential consequences of our culture of waste.''  (from http://www.chrisjordan.com/)
 
 
 
==[http://www.cs.utoronto.ca/~ccollins/publications/index.html Bubble Sets]==
 
<videoflashright>Ju2hSThmPWA</videoflashright>
 
'''Category''': Algorithms <br>
 
'''Where''': U. Toronto (C. Collins)<br>
 
'''Implementation''': network, 2D<br>
 
'''Date''': 2009
 
 
 
Very interesting visualization by C. Collins at U. Toronto.
 
 
 
Bubble Sets: Revealing Set Relations with Isocontours over Existing Visualizations
 
Christopher Collins, Gerald Penn, and Sheelagh Carpendale
 
 
 
'' '''Abstract''': While many data sets contain multiple relationships, depicting more than one data relationship within a single visualization is challenging. We introduce Bubble Sets as a visualization technique for data that has both a primary data relation with a semantically significant spatial organization and a significant set membership relation in which members of the same set are not necessarily adjacent in the primary layout. In order to maintain the spatial rights of the primary data relation, we avoid layout adjustment techniques that improve set cluster continuity and density. Instead, we use a continuous, possibly concave, isocontour to delineate set membership, without disrupting the primary layout. Optimizations minimize cluster overlap and provide for calculation of the isocontours at interactive speeds. Case studies show how this technique can be used to indicate multiple sets on a variety of common visualizations.''
 
 
==[http://hcil.cs.umd.edu/trs/2005-23/2005-23.html Representing Graphs as Trees]==
 
[[Image:GraphSpanningTreeBrowser.jpg | 500px | right]]
 
'''Category''': Algorithms<br />
 
'''Where''': University of Maryland<br />
 
'''Implementation''': network<br />
 
'''Date''': NA
 
 
 
Taken from "Visualizing Graphs as Trees: Plant a seed and watch it grow", Bongshin Lee, Cynthia Sims Parr, Catherine Plaisant, Benjamin B. Bederson. http://hcil.cs.umd.edu/trs/2005-23/2005-23.html
 
::'' '''Abstract'''. TreePlus is a graph browsing technique based on a tree-style layout. It shows the missing graph structure using interaction techniques and enables users to start with a specific node and incrementally explore the local structure of graphs.  We believe that it supports particularly well tasks that require rapid reading of labels.''
 
 
 
 
 
==[http://www.cs.cmu.edu/~dchau/graphite/graphite.pdf Graphite]==
 
<videoflashright>nZYHazugVNA</videoflashright>
 
'''Category''': Algorithms <br>
 
'''Where''': CMU and Lawrence Livermore National Lab<br>
 
'''Implementation''': network<br>
 
'''Date''': 2008
 
 
 
We present Graphite, a system that allows the user to visually construct a query pattern, finds both its exact and approximate matching subgraphs in large attributed graphs, and visualizes the matches. For example, in a social network where a person’s occupation is an attribute, the user can draw a ‘star’ query for “finding a CEO who has interacted with a Secretary, a Manager, and an Accountant, or a structure very similar to this”. Graphite uses the G-Ray algorithm to run the query against a user-chosen data graph, gaining all of its benefits, namely its high speed, scalability, and its ability to find both exact and near matches. Therefore, for the example above, Graphite tolerates indirect paths between, say, the CEO and the Accountant, when no direct path exists. Graphite uses fast algorithms to estimate node proximities when finding matches, enabling it to scale well with the graph database size.
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
==[http://www.nytimes.com/2008/08/31/technology/31novel.html?_r=1&ei=5070&emc=eta1&oref=slogin Novelties - Lines and bubbles]==
 
[[image:newtestamentnames.jpg | 500px | right ]]
 
'''Category''': Algorithm  <br>
 
'''Where''': NYT<br>
 
'''Implementation''': 2D<br>
 
'''Date''': 2008
 
 
 
Article link: http://www.nytimes.com/2008/08/31/technology/31novel.html?_r=1&ei=5070&emc=eta1&oref=slogin
 
 
 
NYT articles 8/8/31 acknowledging new ways for people to display information.  It's really an article on IBM's Many-Eyes (http://many-eyes.com/)
 
 
 
 
 
''Collaboration like this can be an effective way to spur insight, said '''Pat''' '''Hanrahan''', a professor of computer science at Stanford whose research includes scientific visualization. “When analyzing information, no single person knows it all,” he said. “When you have a group look at data, you protect against bias. You get more perspectives, and this can lead to more reliable decisions.”''
 
 
 
''“The great fun of information visualization,” Ben Shneiderman says, “is that it gives you answers to questions you didn’t know you had.” ''
 
 
 
 
 
 
 
 
 
==[http://www.cs.princeton.edu/~traer/randomarboretum/ RandomArboretum]==
 
[[Image:RandomArboretum.png| 500px|right]]
 
'''Category''':  Algorithms  <br>
 
'''Where''': CS, Princeton<br>
 
'''Implementation''': network<br>
 
'''Date''': NA
 
 
 
Interesting Processing application showing the automatically scaling/organizing of a tree. Done in Processing
 
 
 
Also uses a Physics library [http://www.cs.princeton.edu/~traer/physics/  http://www.cs.princeton.edu/~traer/physics/] and animation library from the same site.
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
 
 
 
 
 
 
==[http://processing.org Processing Examples]==
 
[[Image:yahooburst.jpg|right|500px| Yahoo Burst]]
 
[[Image:similarity.jpg | right| 350px | Similarity]]
 
[[Image:valence.jpg|right |350px| Valence]]
 
'''Category''':  Algorithms  <br>
 
'''Where''': NA <br>
 
'''Implementation''': NA<br>
 
'''Date''': NA
 
 
 
Visualizations implemented with [http://processing.org Processing]
 
* [http://design.yahoo.com/project.php?pid=9 Yahoo Bursts]
 
* http://similardiversity.net/<br />
 
* [http://acg.media.mit.edu/people/fry/valence/index.html valence]<br />
 
** [http://acg.media.mit.edu/people/fry/valence/applet/ here] to see an applet in action
 
 
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
 
 
 
 
==[http://www.tinrocket.com/projects/programming/graphics/00203/  TinRocket.com]==
 
[[Image:tinrocket.png|500px|right]]
 
'''Category''': Algorithm  <br>
 
'''Where''': TinRocket<br>
 
'''Implementation''': 2D<br>
 
'''Date''': 2005
 
 
 
Interesting circle packing application.
 
 
 
''Tinrocket, LLC is a privately held company specializing in computer graphics visualization & software development located in Brooklyn, New York.''
 
 
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
 
 
==[http://services.alphaworks.ibm.com/manyeyes/view/SmAgULsOtha6AgGtQmypL2- IBM's Many Eyes]==
 
[[Image:manyeyes.png  | right|500px]]
 
'''Category''':  Algorithms  <br>
 
'''Where''': IBM<br>
 
'''Implementation''': Misc.<br>
 
'''Date''': current
 
 
 
''All the visualizations on Many Eyes have an attached discussion forum. As you explore a visualization, you may find a view that you'd like to talk about or share. If you post a comment, your "view" will be saved along with your comment so others can see what you're seeing.
 
 
 
Each visualization lets you select data items by clicking. Your selection will be highlighted in a bright color, so that you can refer to those items in your comments. This simple feature is very convenient: it's much nicer to say "Look at the circled part of the graph" than "look at the thing sort of at the upper right."'' (from http://manyeyes.alphaworks.ibm.com/manyeyes/page/Tour.html )
 
<br>
 
<br>
 
 
 
==[http://silverlight.net/showcase/default.aspx  Microsoft SilverLight]==
 
[[Image:silverLight.png | 500px | right]]
 
'''Category''':  algorithms  <br>
 
'''Where''': Microsoft<br>
 
'''Implementation''': Misc. <br>
 
'''Date''': current
 
 
 
SilverLight is an environment for generating Web sites, including visualizations and charts, including networks, gant charts, etc.
 
 
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
==[http://prefuse.org/ Prefuse]==
 
[[Image:prefuse1.png | 500 px |right]]
 
'''Category:'''  Algorithm<br>
 
'''Where:''' Stanford (Jeffrey Heer)<br>
 
;'''Implementation:'''
 
:Hierarchical, 2D, network<br>
 
'''Date:''' 2009
 
 
 
''Prefuse is a set of software tools for creating rich interactive data visualizations. The original prefuse toolkit provides a visualization framework for the Java programming language. The prefuse flare toolkit provides visualization and animation tools for ActionScript and the Adobe Flash Player.''
 
 
 
''Prefuse supports a rich set of features for data modeling, visualization, and interaction. It provides optimized data structures for tables, graphs, and trees, a host of layout and visual encoding techniques, and support for animation, dynamic queries, integrated search, and database connectivity. Prefuse is written in Java, using the Java 2D graphics library, and is easily integrated into Java Swing applications or web applets. Prefuse is licensed under the terms of a BSD license, and can be freely used for both commercial and non-commercial purposes.'' (from http://prefuse.org/)
 
 
 
Check out the [http://cs.smith.edu/~thiebaut/freevideos/prefuse.wmv movie] and the [http://www.prefuse.org/gallery/ gallery] of visualizations implemented with this toolkit.
 
 
 
 
 
 
 
 
 
 
 
==[http://warriors.eecs.umich.edu/viz_tools/h3viewer.html H3Viewer]==
 
[[Image:H3Viewer.gif  | right | 500px ]]
 
'''Category''':  Algorithm  <br>
 
'''Where''': Stanford<br>
 
'''Implementation''': 3D, Network <br>
 
'''Date''': 2001
 
 
 
This is a 3D-Graph visualization tool created/maintained by [http://www-graphics.stanford.edu/~munzner/ Tamara Munzer]'s research group at Stanford.  It is open source and interactive, written in C++ and OpenGL.
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
 
 
<!-- --------------------------------------------------------------------------------------------------------------- -->
 
[[Image:visu_Anim.png]]
 
 
 
= Animation=
 
==[http://jonudell.net/udell/gems/umlaut/umlaut.html Animating the Edit History of Wikipedia]==
 
[[Image:jonUdell.png | 500px | right ]]
 
'''Category''': Animation  <br>
 
'''Where''': [http://blog.jonudell.net/ blog.jonudell.net/]<br>
 
'''Implementation''': NA <br>
 
'''Date''': 2005
 
 
 
Animation of the history of a wikipedia page done by Jon Udell.
 
 
 
;The animation:
 
:http://weblog.infoworld.com/udell/gems/umlaut.html
 
 
 
;Some information from the associated blog:
 
:http://waxy.org/archive/2005/06/14/automati.shtml
 
 
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
 
 
<!-- --------------------------------------------------------------------------------------------------------------- -->
 
 
 
[[Image:visu_Art.png]]
 
=Art=
 
==[http://www.neoformix.com/archive.html NeoFormix.com (2)]==
 
[[Image:neoformixMonaLisa.png | right |500px]]
 
'''Category''': Art<br>
 
'''Where''': NA<br>
 
'''Implementation''': misc<br>
 
'''Date''': 2008
 
 
 
A sample on the right of many visualizations from '''NeoFormix''' maintained by Jeff Clark.  See also [[#NeoFormix.com | other entry on NeoFormix]]
 
 
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
 
 
==[http://www.seadragon.com/showcase/chris-jordan/ Chris Jordan's Art (2)]==
 
See [[#Chris Jordan's Art | Chris Jordan's Art]] in the [[#Algorithms |Algorithms]] section
 
 
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
 
 
<!-- --------------------------------------------------------------------------------------------------------------- -->
 
[[Image:visu_Busi.png]]
 
 
 
= Business / Stock Market=
 
 
 
==[http://www.nytimes.com/interactive/2008/02/23/movies/20080223_REVENUE_GRAPHIC.html?bl&ex=1204002000&en=ae0d714ce3b8d3ae&ei=50873Cbr3C/a%3E ThemeRiver Graph]==
 
[[Image:ebbflow.jpg | right| 500px]]
 
'''Category''':  Business/Stock Market  <br>
 
'''Where''': NYT<br>
 
'''Implementation''': temporal<br>
 
'''Date''': 2008
 
 
 
 
 
The  2/24/08 issue of the ''NYT'' shows an interesting graph of the money made by different movies in 2007. It&#8217;s an interesting way to show time-variation of many parameters.
 
 
 
The graph is interactive, as the mouse is moved over the different movies, some information is displayed, as well as the length of their duration.
 
 
 
It was created by the design team at the ''NYT'', which includes '''Amanda Cox''', '''Mathew Bloch''', and '''Shan Carter.'''
 
 
 
* A paper describing the graph above from the ''NYT'' issue of 2/24/08, "Stacked Graphs -- Geometry &amp; Aesthetics," by Byron and Wattenberg, is available [[media:ThemeRiver_StackedGraphs.pdf | here]].  It covers the math, the algorithms and the color selection.
 
* The '''ThemeRiver''' graph originally appeared in "ThemeRiver: In Search of Trencs, Patterns, and Relationships, by Havre, Hetzler and Nowell, at Battelle Pacific, is available  [[media:themeriver.pdf |here]]. 
 
<br>
 
<br>
 
 
 
==[http://www.nytimes.com/interactive/2008/05/03/business/20080403_SPENDING_GRAPHIC.html Inflation&#8217;s Little Parts]==
 
[[Image:nyt_050408_inflations_little_parts.jpg | right | 500px ]]
 
'''Category''':  Business/Stock Market<br>
 
'''Where''': NYT<br>
 
'''Implementation''': 2D<br>
 
'''Date''': 2008
 
 
 
<small>May 20th, 2008 by admin </small><div class="entry">
 
 
 
Interesting article exhibiting a very &#8220;organic&#8221; chart showing influence of various factors in the inflation.
 
 
 
Note the scale given at the top, showing the relationship between color and change in price. The graph itself is hierarchic, with 8 different categories (apparel, health care, etc&#8230;), and each is divided up into sub categories shown as blobs of various sizes, the size being proportional to the part of spending.
 
 
 
The graph is interactive on the [http://www.nytimes.com/interactive/2008/05/03/business/20080403_SPENDING_GRAPHIC.html NYT web site], and gives more info about a blob on mouse-over.
 
 
 
The graph is done in flash.
 
----
 
==[http://www.newsvisual.com/  Newvisual]==
 
[[Image:YahooGoogle.png | right | 500px]]
 
'''Category''':  Business / Stock Market<br>
 
'''Where''': Seattle, WA <br>
 
'''Implementation''': NA<br>
 
'''Date''': 2006
 
 
 
newvisual is a  product of IntellectSpace Corporation a company that ''offers strategy and risk analysis solutions to investment banking and private equity sectors. The company develops and operates a Web based qualitative analysis system that analyzes and represents regulatory filings and corporate announcements. IntellectSpace was founded in 2003 and is based in Seattle, Washington.''
 
 
 
<br>
 
<br>
 
 
 
 
 
 
 
 
 
<!-- --------------------------------------------------------------------------------------------------------------- -->
 
[[Image:visu_Geog.png]]
 
= Geographical=
 
==[http://code.google.com/apis/maps/ Google Maps API]==
 
[[Image:googleMapApi.png | 500px|right]]
 
'''Category''':  Geographic <br>
 
'''Where''': Google<br>
 
'''Implementation''': 2D <br>
 
'''Date''': Current
 
 
 
The answer for creating geographical maps with augmented data: Google Map API and Google Map Mashup.
 
 
 
Google allows one to include its maps in a Web site, and to superimpose on the map information that is user specific.
 
 
 
It can be programmed in Javascript.  The application pulls the map from Google, pulls the data from the database, and puts dots (and possibly images) on the map, at the right place, including a popup tool-tip showing extra information.
 
 
 
Some examples:
 
* Here’s a good example for a [http://fullmeasure.co.uk/mashups/ecsitemap.htm campus]
 
* There are plenty of other sites using Google Maps: a list of examples is available [http://www.programmableweb.com/api/google-maps/mashups here]
 
*  One can also embed videos in the tooltips, as examplified [http://www.mibazaar.com/top100celebrities/ here]
 
<br>
 
<br>
 
 
 
==[http://www.nytimes.com/interactive/2008/08/04/sports/olympics/20080804_MEDALCOUNT_MAP.html Visualizing the medals at the Olympics]==
 
[[Image:NYTBejingMedals.png| 500px|right]]
 
'''Category''':  Newsprint, Geographic <br>
 
'''Where''': NYT<br>
 
'''Implementation''': 2D <br>
 
'''Date''':
 
 
 
 
 
This is a dynamic display of the number of medals obtained at various olympics.  This is nicely done, and uses some form of circle packing.
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
 
 
==[http://citymurmur.org CityMurmur.org]==
 
[[Image:CityMurmure.org.png | right | 500px]]
 
'''Category''': Geographic <br />
 
'''Where''': Politecnico di Milano<br />
 
'''Implementation''': geographic<br />
 
'''Date''': NA
 
 
 
'''CityMurmur'''  is a Web application that periodically scans a pool of news sources, blogs, and online newspapers searching for references to local streets, points of interest and areas of the city.  using this information the application is then able to plot topographical and semantic maps of the city according to the topic discussed by the news source( culture, society,...), the source's topology (blogs, online newspapers), and its scale (local media, regional media). </i>
 
 
 
 
 
 
 
<!-- --------------------------------------------------------------------------------------------------------------- -->
 
[[Image:visu_Gove.png]]
 
= Government / Politics =
 
----
 
==[http://www-personal.umich.edu/~mejn/election/2008/ Cartograms]==
 
[[Image:2008Election1.png|right |500px]]
 
[[Image:2008Election2.png|500px | right]]
 
;'''Category''':
 
:Geographic, Government / Politics<br>
 
;'''Where''':
 
:Department of Physics and Center for the Study of Complex Systems, University of Michigan<br>
 
'''Implementation''': 2D<br>
 
'''Date''': 2008
 
 
 
Maps of the 2008 US presidential election results, generated by M. E. J. Newman, U. Michigan.<br />
 
 
 
The map on the left is geographically correct.  The map on the right shows the states deformed in such a way that their area is now proportional to the number of electoral votes they carry.
 
 
 
The author is a co-author of  the ''Atlas of the Real World'' (Hardcover) published by by Daniel Dorling (Author), Mark Newman (Author), Anna Barford (Author), published Oct. 2008.
 
[[Image:AtlasRealWorld.jpg | 200px]]
 
 
 
<br>
 
More cartograms can be found  [http://www-personal.umich.edu/~mejn/cartograms/ here].
 
 
 
 
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
 
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
 
 
 
 
==[[media:nyt_debates.pdf | A String of Debates]]==
 
[[image:nyt_debates.png | A string of debates |500px|right]]
 
'''Category''':  Political/Government, Newsprint  <br>
 
'''Where''': NYT<br>
 
'''Implementation''': 2D<br>
 
'''Date''': 2008
 
 
 
From the NYT, 12/15/2007 article: "A String of Debates", showing statistics on words/concepts appearing in candidates speeches
 
 
 
 
 
<br>
 
<br>
 
<br>
 
<br><br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
 
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
 
 
<!-- --------------------------------------------------------------------------------------------------------------- -->
 
[[Image:visu_Hist.png]]
 
= Historical =
 
==[http://math.yorku.ca/SCS/Gallery/timelines.html Timelines and Visual Histories]==
 
[[Image:GalleryOfTimeLines_specimenOfCharts.gif| 500px| right]]
 
'''Category''': Historical <br>
 
'''Where''': York U., Toronto, Can. <br>
 
'''Implementation''': 1-, 2-D and temporal<br>
 
'''Date''': 2009<br>
 
 
 
''How can you show the details of a history visually? Time provides one obvious dimension. What else can you show to tell the story? Most timeline charts use a 2D representation, time x {place or theme}. Some are more successful in integrating additional dimensions. ''
 
 
 
(Contains a reference to rivertheme graphs.)
 
 
 
==[http://www.historyshots.com/store.cfm?IDCategory=1 HistoryShots]==
 
[[Image:HistoryShot.png | 500px | right]]
 
'''Category''': Historical  <br>
 
'''Where''': Westford, MA 01886<br>
 
'''Implementation''': prints<br>
 
'''Date''': 2009
 
 
 
'' We create informational graphics that tell stories about subjects, time periods and events. Our purpose is to inform and entertain you with intense content embedded in an elegant design. ''
 
 
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
 
 
==[http://www.cabinetmagazine.org/issues/13/timelines.php A Timeline of Timelines]==
 
[[Image:timelineOfTimelines.png | 500px| right]]
 
'''Category''': Historical<br>
 
'''Where''': site of ''Cabinet''<br>
 
'''Impementation''': 1-, 2-D and temporal<br>
 
'''Date''': 2004<br>
 
 
 
"A Timeline of Timelines," A list of timeline visualizations created by Sasha Archibald and Daniel Rosenberg for Issue 13 of ''Cabinet'', 2004
 
 
 
'''''Cabinet''' is an award-winning quarterly magazine of art and culture that confounds expectations of what is typically meant by the words "art," "culture," and sometimes even "magazine."''
 
 
 
<!-- --------------------------------------------------------------------------------------------------------------- -->
 
[[Image:visu_Humo.png]]
 
 
 
= Humor =
 
 
 
==[http://xkcd.com/333/ Funny Cartoons (for Wikipedians)]==
 
[[Image:getting_out_of_hand.png|500px|right]]
 
[[Image:wikipedian_protester.png|500px|right]]
 
'''Category''':  humor <br>
 
'''Where''': http://xkcd.com/333/
 
'''Implementation''': NA<br>
 
'''Date''': 2008
 
 
 
From the geeky site http://xkcd.com/. Note that the page on the laptop looks like a wikipedia page! There was a NYT article on 5/25/08, [http://www.nytimes.com/2008/05/26/business/media/26link.html?scp=1&sq=xkcd&st=nyt Link by link: This is funny only if you know Unix] on this web-toon site.
 
 
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
 
 
 
 
 
 
<!-- --------------------------------------------------------------------------------------------------------------- -->
 
[[Image:visu_Inte.png]]
 
= Internet / Search =
 
==[http://www.chrisharrison.net/projects/wikiviz/index.html Chris Harrison's Wikipedia Visualization]==
 
[[Image:HarrisonWikipedia.jpg | right | 500px]]
 
'''Category''': Lexical/Text, Internet/Search<br>
 
'''Where''': Politecnico di Milano<br>
 
'''Implementation''': network<br>
 
'''Date''': NA<br>
 
 
''During [his] time at AT&T Labs, which coincidently has a great information visualization group, [he] started [to] think about how to visualizing something as massive as Wikipedia. With roughly 1.5 million articles (vertices) and tens of millions of article links (edges), a comprehensive visualization package would have to found or built. After playing around with GraphViz, but getting frustrated with layout limitations, I decided on the latter option: build!''
 
 
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
 
 
<br />
 
<br />
 
 
 
==[http://www.lanl.gov/news/index.php/fuseaction/home.story/story_id/15960 Map of Science at Los Alamos]==
 
[[Image:mapOfScience.jpg | right | 500px ]]
 
;'''Category''':
 
:text / lexical, Internet / Search<br>
 
'''Where''': Los Alamos National Laboratory<br>
 
'''Implementation''': network<br>
 
'''Date''': 2009
 
 
 
 
 
Los Alamos National Laboratory scientists have produced the world's first Map of Science—a high-resolution graphic depiction of the virtual trails scientists leave behind when they retrieve information from online services. The research, led by Johan Bollen, appears this week in PLoS ONE (the Public Library of Science).
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
 
 
 
 
<!-- --------------------------------------------------------------------------------------------------------------- -->
 
[[Image:visu_Know.png]]
 
= Knowledge Management System=
 
==[http://vis.cs.ucdavis.edu/~ogawa/codeswarm/ Code Swarm]==
 
[[Image:Eclipse-640px.png|500px|right]]
 
;'''Category''':
 
:Knowledge Management System  <br>
 
'''Where''': UC Davis<br>
 
'''Implementation''': 2D, 3D, network <br>
 
'''Date''': 2008
 
 
 
Code-Swarm is a visualization technique to show the evolution of a software project under CVS as it is updated, modified, and as it evolves under the influence of many contributors/programmers.
 
 
 
From Slashdot: http://developers.slashdot.org/developers/08/06/16/1855209.shtml
 
 
 
&#8220;A student at UC Davis has created some stunning visualizations of open source software contributions, including Eclipse, Python, Apache httpd and Postgres. From the website: &#8216;This visualization, called code_swarm, shows the history of commits in a software project. A commit happens when a developer makes changes to the code or documents and transfers them into the central project repository. Both developers and files are represented as moving elements. When a developer commits a file, it lights up and flies towards that developer. Files are colored according to their purpose, such as whether they are source code or a document. If files or developers have not been active for a while, they will fade away. A histogram at the bottom keeps a reminder of what has come before.&#8217;&#8221;
 
 
 
Watch the video: [http://www.vimeo.com/1130828?pg=embed&sec=1130828 code_swarm - Eclipse (short ver.)] from [http://www.vimeo.com/michaelogawa?pg=embed&sec=1130828 Michael Ogawa] on [http://vimeo.com?pg=embed&sec=1130828 Vimeo].
 
 
 
The code is available on Google-Code, and the 6/19/08 version is available [http://cs.smith.edu/~thiebaut/IS_blog/software/code-swarm/ here]
 
 
 
 
 
 
 
 
 
 
 
<!-- --------------------------------------------------------------------------------------------------------------- -->
 
[[Image:visu_Lexi.png]]
 
= Lexical / Text  =
 
==[http://services.alphaworks.ibm.com/manyeyes/view/SQYskMsOtha64CXvdXd0N2~ Visualizing Pairs of Words in two different documents (2)]==
 
'''Category:''' Politics/government,  Lexical/Text<br>
 
'''Where:'''NA <br>
 
'''Implementation:''' 2D <br>
 
'''Date:''' 2008
 
 
 
See also [[#Visualizing Pairs of Words in two different documents | Visualizing Pairs of Words in two different documents]] in the [[#Government / Politics | Government/Politics]] section.
 
 
 
<br />
 
 
 
==[http://www.neoformix.com/2008/ObamaClintonSpeechContrast.html  NeoFormix Word Chart]==
 
[[Image:obamaclinton.png |500px|right]]
 
'''Category''':  Lexical/Text  <br>
 
'''Where''': NA<br>
 
'''Implementation''': 2D<br>
 
'''Date''': NA
 
 
 
Interesting comparison of two speeches&#8230;
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
 
 
==[http://gapminder.org GapMinder.org]==
 
[[Image:gapminder.png | 500px | right]]
 
;'''Category''':
 
:text / lexical, government / politics<br />
 
;'''Where''':
 
:Karolinska Institutet, Sweden<br />
 
'''Implementation''': network<br />
 
'''Date''': Present<br />
 
 
 
Watch a great presentation by '''Hans Rosling''', Professor of International Health, on world statistics on [http://www.ted.com/talks/hans_rosling_shows_the_best_stats_you_ve_ever_seen.html TED].   He uses very clean, simple graphs (Flash, very likely) showing how the variation of world-related data vary as a function of time. The message is extremely convincing.  
 
 
 
<br />
 
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
 
 
 
==[http://www.lanl.gov/news/index.php/fuseaction/home.story/story_id/15960 Map of Science at Los Alamos]==
 
[[Image:mapOfScience.jpg | right | 500px ]]
 
;'''Category''':
 
:text / lexical, Internet / Search<br>
 
'''Where''': Los Alamos National Laboratory<br>
 
'''Implementation''': network<br>
 
'''Date''': 2009
 
 
 
 
 
Los Alamos National Laboratory scientists have produced the world's first Map of Science—a high-resolution graphic depiction of the virtual trails scientists leave behind when they retrieve information from online services. The research, led by Johan Bollen, appears this week in PLoS ONE (the Public Library of Science).
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
 
 
 
 
==[http://www.visualthesaurus.com/ Visual Thesaurus]==
 
 
 
[[Image:visualthesaurus.png | right | 500px ]]
 
'''Category''': text / lexical<br>
 
'''Where''': NA.<br>
 
'''Implementation''': network<br>
 
'''Date''': Present
 
 
 
The Visual Thesaurus is an interactive dictionary and thesaurus that allows you to discover the connections between words in a visually captivating display.  Written in Java.
 
 
 
A free version in Javascript is also proposed at http://www.kylescholz.com/blog/2006/06/javascript_visual_wordnet.html
 
 
 
The Visual Thesaurus is written using the '''ThinkMap SDK''', available at http://www.thinkmap.com/thinkmapsdk.jsp
 
 
 
<br />
 
<br /><br /><br /><br />
 
 
 
==[http://well-formed.eigenfactor.org/index.html Well-Formed.Eigenfactor.org]==
 
[[Image:wellformedeigenfactor.png | 500px | right]]
 
[[Image:wellformedeigenfactor2.png | 500px | right]]
 
'''Category''': text / lexical<br>
 
'''Where''': University of Washington.<br>
 
;'''Implementation''':
 
:network, temporal, hierarchical<br>
 
'''Date''': NA
 
 
 
Eigenfactor is a non-commercial academic research project by the Bergstrom lab in the Department of Biology at the University of Washington.
 
 
 
Interactive visualizations based on the Eigenfactor™ Metrics and hierarchical clustering to explore emerging patterns in citation networks.  A cooperation between the Eigenfactor Project (data analysis) and Moritz Stefaner (visualization).
 
 
 
The visualization is dynamic, and generated with '''Flare''' (prefuse's successor).
 
 
 
<i> The map visualization puts journals, which frequently cite each other, closer together. You can drag the white magnification lens around to enlarge a part of the map for closer inspection. Clicking one of the nodes will highlight all its connections. If a journal is selected, the node sizes represent the relative amount of citation flow (incoming and outgoing) with respect to the selection; otherwise, they are scaled by their Eigenfactor™ Score. Map calculated with Cytoscape, visualization built with flare
 
 
 
We use a subset of the citation data from Thomson Reuters' Journal Citation Reports 1997–2005. The complete data aggregate, at the journal level, approximately 60,000,000 citations from more than 7000 journals over the past decade. For an interesting subset, we select journals ordered by their Article Influence™ in 2005, but include no more than 25 journals from a single field. To make the subset coherent, we make sure that selected journals are included all years and that we cover the 10 journals with highest Eigenfactor™ score. To cluster the networks, we use the information-theoretic method presented in Maps of information flow reveal community structure in complex networks (PNAS 105, 1118 (2008)), which can reveal regularities of information flow across directed and weighted networks.
 
</i>
 
 
 
==[http://www.carohorn.de/jellyfish/ JellyFish]==
 
[[Image:jellyfish.jpg |  500px | right]]
 
'''Category''': Lexical / Text  <br>
 
'''Where''': DMI Boston<br>
 
'''Implementation''': network<br>
 
'''Date''': 2005
 
 
 
Jellyfish  visualizes an encyclopedia of the arts. The project should be seen as an experiment, which deals with a dynamic interface. The purpose was to remove a static, conventional design and to achieve a playful interface. The application was developed in Processing and uses an XML database to update content. 2005
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
 
 
<br />
 
<br />
 
<br />
 
 
 
 
 
 
 
==[http://secviz.org/ SecViz.org ]==
 
;'''Category:
 
:Network / searching, lexical / text '''  <br>
 
;'''Where:'''
 
:PixlCloud (founded by [http://raffy.ch/myself.htm Raffael Marty], 1011 23rd Street #20, San Francisco, CA 94107, USA <br>
 
'''Implementation:''' misc.<br>
 
'''Date:'''  2009
 
 
 
Below are some graphs taken from the  dedicated to visualizing security information.
 
 
 
''The SecViz portal is meant for people that are working on log analysis, log mining and especially on visualization of security related data to exchange, discuss, and comment on techniques, methods, parsers, and sample graphs.
 
 
 
The maintainer of the site, Raffael Marty (ram at secviz dot org), is the founder of PixlCloud, a visualization in the cloud company. He has written about security data visualization for various books and blogs and also talks at security conferences around the world on the topic of data visualization. He is also the author of AfterGlow, an open source tool for data visualization. (from http://secviz.org/content/about)''
 
 
 
{|
 
|-
 
|Geo Tagging an Attack
 
|The INAV software package for visualizing connection information in real time
 
|API Calls and Imported Symbols of Nepenthes Download Binary Files
 
|-
 
|
 
[[Image:GEOTaggingAttack.gif | 230px ]]
 
|
 
[[Image:INAV1.png | 230px]]
 
|
 
[[Image:APICalls.gif | 230px]]
 
|}
 
----
 
{|
 
|-
 
|
 
24 hours of firewall logs plotted by source port over time
 
|
 
Tenable Network Security's Security Center includes a 3D visualization tool
 
|-
 
|
 
[[Image:24hour_firewall.png | 350px]]
 
|
 
[[Image:tenableNetworkVisualizer.jpg| 350px]]
 
|}
 
 
 
 
 
==[http://www.eol.org/ Tree Browser for the Encyclopedia of Life]==
 
[[Image:EncyclopediaOfLifeTreeBrowser.jpg | right|500px]]
 
'''Category''': lexical text<br />
 
;'''Where''':
 
:Biodiversity Heritage Library, The Field Museum of Natural History, Harvard University, Marine Biological Laboratory, Missouri Botanical Garden, Smithsonian Institution <br />
 
'''Implementation''': network<br />
 
'''Date''': NA
 
 
 
An interesting way of representing trees taken from the [http://www.eol.org/ Encyclopedia of Life] (eol).  See the video tour at http://www.eol.org/content/page/screencasts.
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
 
 
 
 
 
 
==[http://www.pubmedcentral.nih.gov/articlerender.fcgi?artid=1242215  PubNet]==
 
[[Image:PubNet_authorship.jpg | 500px | right]]
 
'''Category''': text / lexical<br>
 
'''Where''': Yale &amp; Rutgers Universities <br>
 
'''Implementation''': network<br>
 
'''Date''': 2005<br>
 
 
PubNet: a flexible system for visualizing literature derived networks, reviewed by Shawn M Douglas,1 Gaetano T Montelione,2 and Mark Gersteincorresponding, author1,3
 
 
 
'' '''Abstract''': We have developed PubNet, a web-based tool that extracts several types of relationships returned by PubMed queries and maps them into networks, allowing for graphical visualization, textual navigation, and topological analysis. PubNet supports the creation of complex networks derived from the contents of individual citations, such as genes, proteins, Protein Data Bank (PDB) IDs, Medical Subject Headings (MeSH) terms, and authors. This feature allows one to, for example, examine a literature derived network of genes based on functional similarity.''
 
 
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
 
 
 
 
==[http://graphics.stanford.edu/projects/vispedia/ VisPedia: Standford's Visualization of Wikipedia]==
 
 
 
[[Image:visipedia.png | right | 500px]]
 
'''Category''': text / lexical<br>
 
'''Where''':Stanford<br>
 
'''Implementation''': network<br>
 
'''Date''': 2009<br>
 
 
 
"We present Vispedia (live at vispedia.stanford.edu), a system that reduces the cost of data integration, enabling casual users to build ad hoc visualizations of Wikipedia data. Users can browse Wikipedia, select an interesting data table, then interactively discover, integrate, and visualize additional related data on-demand through a search interface and a query recommendation engine. This is accomplished through a fast path search algorithm over a semantic graph derived from Wikipedia. Vispedia also supports exporting the augmented data tables produced for use in more traditional visualization systems. We believe that these techniques begin to address the "long tail" of visualization by allowing a wider audience to visualize a broader class of data."
 
 
 
 
 
 
 
==[http://www.neoformix.com/archive.html NeoFormix.com]==
 
[[Image:neoformix2.png | right |500px]]
 
'''Category''': Text / Lexical, Art<br>
 
'''Where''': NA<br>
 
'''Implementation''': misc<br>
 
'''Date''': 2008
 
 
 
A sample on the right of many visualizations from '''NeoFormix''' maintained by Jeff Clark.  See also entry on the [[#ThemeRiver Graph| ThemeRiver]] type graph.
 
 
 
[[Image:obama_visu1.png |right |250px]]
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
 
 
==[http://www.intsysr.com/nearword.htm NearWord]==
 
[[Image:nearword.png|500px|right]]
 
'''Category:'''  Lexical/text<br>
 
'''Where:''' <br>
 
'''Implementation:''' 2D<br>
 
'''Date:''' 2007
 
 
 
Interactive 2-D Graph of word relationships in Dictionary (Prefuse)
 
 
 
NearWord is a free visual synonym thesaurus, based on the [http://wordnet.princeton.edu/ WordNet] dictionary and the [http://prefuse.org Prefuse] visualization toolkit, using Flash-based force-directed graphs.
 
 
 
<br />
 
 
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
 
 
 
 
==[http://services.alphaworks.ibm.com/manyeyes/view/SQYskMsOtha64CXvdXd0N2~ Visualizing Pairs of Words in two different documents]==
 
[[Image:ManyEyes_rivets.png | 500px | right]]
 
'''Category:''' Politics/government,  Lexical/Text<br>
 
'''Where:'''NA <br>
 
'''Implementation:''' 2D <br>
 
'''Date:''' 2008
 
 
 
Think of it as a 2-D Tag-Chart. From ManyEyes, an IBM-based research group
 
 
 
<br />
 
 
 
<br />
 
<br /><br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
 
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
 
 
==[http://www.cs.utoronto.ca/~ccollins/research/docuburst/index.html DocuBurst]==
 
[[Image:docuburst.png | right | 500px]]
 
'''Category:'''  Lexical/Text<br>
 
'''Where:''' U. Toronto, Can<br>
 
'''Implementation:''' 2D<br>
 
'''Date:''' 2006 to present
 
 
 
''DocuBurst is the first visualization of document content which takes advantage of the human-created structure in lexical databases. We use an accepted design paradigm to generate visualizations which improve the usability and utility of WordNet as the backbone for document content visualization. A radial, space-filling layout of hyponymy (IS-A relation) is presented with interactive techniques of zoom, filter, and details-on-demand for the task of document visualization. The techniques can be generalized to multiple documents.<br />A technical report  on this project is available in [http://kmdi.utoronto.ca/publications/documents/KMDI-TR-2007-1.pdf PDF] as well as a short poster [http://www.cs.utoronto.ca/~ccollins/publications/docs/infoVisPosterAbstract2006.pdf abstract] from the IEEE Information Visualization Symposium 2006.''
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
 
 
<br />
 
<br />
 
 
 
<br />
 
<br />
 
 
 
<br />
 
 
 
<br />
 
<br />
 
<br />
 
 
 
<br />
 
<br />
 
<br />
 
 
 
<br />
 
<br />
 
 
 
==[http://conflate.net/inductio/wp-content/public/acrp/ conflate.net]==
 
[[Image:bookSimilarity.png| 500px | right]]
 
'''Category''':  Lexical/Text <br>
 
'''Where''': NA <br>
 
'''Implementation''': Graph, 2D <br>
 
'''Date''': 2008
 
 
 
Conflate.net shows a Processing visualization applet where the user can control the number of books shows (as circles) and the threshold defining whether they are similar or not.
 
 
 
This site visualization is no longer available.
 
 
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
 
 
==[http://www.rhizomenavigation.net/  Rhizome Navigation]==
 
[[Image:Rhizome.jpg | 500px | right]]
 
'''Category''': Lexical/Text  <br>
 
'''Where''': U. Vienna<br>
 
'''Implementation''': network, 2D<br>
 
'''Date''': 2007
 
 
 
A library for exploring graphically graphs.  Written in Processing, created and maintained by the University of Vienna.
 
 
 
Using the transcripts of Bill Gates' keynote from CES 2007 and Steve Jobs' keynote at Macworld 2007 (via Todd Bishop's Microsoft Blog) the author created this relational tagcloud using Rhizome Navigation.
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
 
 
==[http://textarc.org TextArc]==
 
[[Image:interactiveAndPrintSplit.gif| 500px | right]]
 
'''Category''':  Lexical/text  <br>
 
'''Where''': NA<br>
 
'''Implementation''': network, 2D<br>
 
'''Date''': NA
 
 
 
The work of  [http://www.wbpaley.com/brad/ W. Bradford Paley], associated with Columbia University.  A different view of a whole book in one graphic visualization. Visually pleasing.  Harder to figure out how to make use of it.
 
 
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
 
 
 
 
[[Image:mapOfHistoryOfScience.jpg|500px |right]]
 
'''Category''':  Lexical/text  <br>
 
'''Where''': NA<br>
 
'''Implementation''': network, 2D<br>
 
'''Date''': 2006
 
The picture at the right is also generated by TextArc and a static visualization of the book ''The History of Science''. It was originally displayed at the NYPL Science, Industry, and Business Library in New York.
 
 
 
W. Bradford Paley approached making a map of science indirectly by making a map of a book on “The History of Science” by Henry Smith Williams. The history’s first two volumes are organized strictly historically, so as the book wraps around the right side of the ellipse, it is organized as a time line.
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
 
 
==[http://labs.digg.com/arc Measuring dynamic relationships between readers and stories]==
 
[[Image:digg_arc.png|right|500px]]
 
'''Category''': Lexical/text  <br>
 
'''Where''': NA<br>
 
'''Implementation''': 2D <br>
 
'''Date''': 2008
 
 
 
Digg Arc displays stories, topics, and containers wrapped around a sphere. Arcs trail people as they Digg stories across topics. Stories with more Diggs make thicker arcs.
 
 
 
<br>
 
<br>
 
<br>
 
<br>
 
 
 
 
 
==[http://StateOfTheUnion.net  Maps of market and news]==
 
[[Image:newsmap.png | right | 500px ]]
 
[[Image:marketmap.png| right | 500px ]]
 
'''Category''': Lexical/Text, political  <br>
 
'''Where''': NA<br>
 
'''Implementation''': 2D <br>
 
'''Date''': NA
 
 
 
Two interesting uses of treemaps. Both are referenced in the [http://StateOfTheUnion.net http://StateOfTheUnion.net] web site (in the essay)
 
 
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
 
 
==[http://stateoftheunion.onetwothree.net/ StateOfTheUnion.net I]==
 
[[Image:stateoftheunion.png|right|500px]]
 
[[Image:stateoftheunion.png|right|500px]]
 
;'''Category''':
 
: Lexical/Text, Political/Grovernment  <br>
 
'''Where''': NA<br>
 
'''Implementation''': 2D<br>
 
'''Date''': NA
 
 
 
This is done with processing, and truly interactive. As the arrow key is moved left or right, we move by one year backward or foreward, respectively, and see in red the words used the year before, and in white the words of the current year. Cool&#8230;
 
 
 
The link contains an interesting essay, reproduced below:
 
 
 
'''The {Sorry} State We Are In'''
 
 
 
by Brad Borevitz
 
 
 
The triumph of iconicity over rhetoricity–call it the society of the spectacle, call it what you will. The change has certainly not gone unobserved. And yet, we are likely to blinker our awareness of the situation–and imagine that the mechanisms of our governance continue unaffected–that the institutions of democracy are somehow untouched by these changes. But how can this possibly be the case?
 
 
 
A democratic system of government depends on communicative practices that are founded on rhetoric: an art of persuasion. This implies a public sphere as the ground of a competitive exchange of argument and counter argument. Reason theoretically rules such a domain, where syllogistic conventions determine the outcome of a competition of ideas based on the strength of evidence and the logical coherence of their exposition.
 
 
 
What has displaced this rhetorical arena is a screen on which assertions are projected. It may be that these assertions compete for attention, but they don&#8217;t entertain argument or tolerate critique. Assertions are immune from denigration based on counterfactual evidence, or the revelation of faulty logic. Competition in this environment is a matter of precedence, authority, style, volume, frequency, and ultimately saturation.
 
 
 
Contemporary political ideas, which take the form of memes circulating in the soup of our media saturated world, are formally equivalent to the fragments of iconic identity circulating as agents of corporate entities, the brands. Politics ''is'' branding, the media practice of producing identity as awareness and desire, through the deployment of declarative language and image.
 
 
 
Not only have commercial interests produced a scarcity of actual public space by their domination of the landscape and their occupation of the commons, they have gained almost total control over the virtual spaces of communication, and colonized the language of political discourse itself.
 
 
 
In this atmosphere, the public debate over ideas is obsolete, if not impossible. The significance of such a change is immense. In Benjaminian terms, politics enters the realm of the aesthetic, a situation symptomatic of fascism.
 
 
 
How is it that we have arrived at this state? Why are we so surprised as we wake now to the nightmare? After all, here in the U.S., the president has been informing us of the state of the union from the year the constitution was ratified. Were we not listening to the message–not reading in this text the signs of transformation? When was it that the words addressed to us changed from having a rhetorical significance to an iconic one? When was it that the words last demanded our understanding, and when did they come to simply demand that we buy in?
 
 
 
==[http://stateoftheunion.net StateOfTheUnion.net II]==
 
[[Image:peacevwar.png | 500px|right]]
 
[[Image:freedomvjustice.png|500px|right]]
 
'''Category''': lexical/text  <br>
 
'''Where''': NA<br>
 
'''Implementation''': 2D <br>
 
'''Date''': NA
 
 
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
 
 
 
 
 
 
 
 
==[http://jamesnsears.com/applets/spies/  3D network of word relationships ]==
 
[[Image:396_big01.png |right | 500px |Click on picture to see details ]]
 
'''Category''': Lexical/text  <br>
 
'''Where''': NYT<br>
 
'''Implementation''': 3D<br>
 
'''Date''': 2006
 
 
 
This was done for the NYT, 3 Dec. 2006. The article is &#8220;Rewiring the Spy&#8221;. This is done in Processing and shows the connections existing between words in a government database dealing with terrorism.
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
 
 
 
 
<!-- --------------------------------------------------------------------------------------------------------------- -->
 
[[Image:visu_Mult.png]]
 
= Multimedia =
 
==[http://www.cs.ou.edu/~weaver/improvise/examples/cinegraph/index.html Cinegraph.viz]==
 
[[Image:cinegraph.png | 500px | right]]
 
'''Category''': Multimedia<br>
 
;'''Where''':
 
:The GeoVISTA Center and the Department of Geography, The Pennsylvania State University<br>
 
'''Implementation''': multi-dimensional<br>
 
'''Date''': 2007
 
 
 
A visual tool to explore the relationships in the Internet Movie Database.  Implemented with [http://www.personal.psu.edu/faculty/c/e/cew15/improvise/index.html Improvise].
 
 
 
''Cinegraph is an interactive visualization for exploring and analyzing the InfoVis 2007 contest data set derived from the Internet Movie Database (IMDB). By combining two complementary visual interaction techniques, cross-filtered views and attribute relationship graphs, Cinegraph supports a wide variety of general and highly focused analytic tasks. Users can express complex lines of questions in the form of rapid sequences of simple interactions. Designed and built in a little over two days by a single visualization designer using the Improvise visualization environment, Cinegraph provides high-dimensional interactive drill-down capability into the people, genres, awards, release dates, and box office characteristics of movies described in the database, using ancillary photographs of people, images of movie posters, and icons of movie genres to enhance the interaction process.'' (from http://www.cs.ou.edu/~weaver/improvise/examples/cinegraph)
 
 
 
Watch the [http://www.personal.psu.edu/faculty/c/e/cew15/improvise/examples/cinegraph/materials/cinegraph.mov movie] on Cinegraph...
 
 
 
 
 
==[http://seadragon.com/showcase/  SeaDragon]==
 
[[Image:seadragon.png | 500px | right]]
 
'''Category''':  multimedia  <br>
 
'''Where''': Microsoft<br>
 
'''Implementation''': 2D<br>
 
'''Date''': 2009
 
 
 
Technology for browsing large amount of pictures in jpeg2000 format. SeaDragon was purchased by Microsoft.
 
 
 
<videoflash>0ra5tp7K--I</videoflash>
 
 
 
 
 
 
 
 
 
==[http://www.cs.ubc.ca/~tmm/ Presentation by Tamara Munzner]==
 
[[Image:munzner.png | 500px| right]]
 
'''Category''':  multimedia  <br>
 
'''Where''': Google<br>
 
'''Implementation''': NA<br>
 
'''Date''': NA
 
 
 
'''Tamara Munzner''' of U. British Columbia presents a talk at Google titled ''15 Views of a Node Link Graph: An Information Visualization Portfolio''
 
 
 
Watch the [http://video.google.com/videoplay?docid=-6229232330597040086&q=type%3Agoogle+engEDU video]!
 
 
 
It&#8217;s one-hour long, but worth it. It would be nice to see if some of the software she demonstrates for exploring graphs is available&#8230;
 
 
 
Tamara&#8217;s [http://www.cs.ubc.ca/~tmm/ Web site] and group&#8217;s<br />[http://www.cs.ubc.ca/labs/imager/imager.html site] have good information.
 
 
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
 
 
<!-- --------------------------------------------------------------------------------------------------------------- -->
 
[[Image:visu_News.png]]
 
= News / Newsprint =
 
==Naming Names ==
 
[[Image:NamingNames.png|right|500px|Naming Names]]
 
;'''Category''':
 
: political/government, newsprint  <br>
 
'''Where''': NYT<br>
 
'''Implementation''': 2D, network <br>
 
'''Date''': June 21, 2008
 
 
 
From article in NYT, "Naming Names," on candidates naming each other names.
 
 
 
 
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
 
 
==[http://www.nytimes.com/interactive/2008/08/04/sports/olympics/20080804_MEDALCOUNT_MAP.html Visualizing the medals at the Olympics]==
 
[[Image:NYTBejingMedals.png| 500px|right]]
 
'''Category''':  Newsprint, Geographic <br>
 
'''Where''': NYT<br>
 
'''Implementation''': 2D <br>
 
'''Date''':
 
 
 
 
 
This is a dynamic display of the number of medals obtained at various olympics.  This is nicely done, and uses some form of circle packing.
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
 
 
==[[media:nyt_debates.pdf | A String of Debates]]==
 
[[image:nyt_debates.png | A string of debates |500px|right]]
 
'''Category''':  Political/Government, Newsprint  <br>
 
'''Where''': NYT<br>
 
'''Implementation''': 2D<br>
 
'''Date''': 2008
 
 
 
From the NYT, 12/15/2007 article: "A String of Debates", showing statistics on words/concepts appearing in candidates speeches
 
 
 
 
 
<br>
 
<br>
 
<br>
 
<br><br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
 
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
 
 
==[http://www.nytimes.com/2008/11/11/science/11gene.html?pagewanted=2&_r=1 The Rest of the Genome]==
 
[[Image:restOfGenome.gif | right | 500px]]
 
'''Category:'''  Newsprint Graphics<br>
 
'''Where:''' NYT<br>
 
'''Implementation:''' NA<br>
 
'''Date:''' 2008
 
 
 
Aritcle by By CARL ZIMMER
 
Published: November 10, 2008
 
 
 
From http://www.nytimes.com/2008/11/11/science/11gene.html?pagewanted=2&_r=1, NYT article of 11/11/08, on Thomas R. Gingeras of Cold Spring Harbor Laboratory. He is a leader of Encode, an effort to determine the function of every piece of DNA in the human genome.
 
 
 
<br />
 
<br />
 
<br />
 
<br />
 
 
 
<br />
 
<br />
 
 
 
<br />
 
<br />
 
<br />
 
 
 
 
 
<br />
 
<br />
 
<br />
 
 
 
<br />
 
<br />
 
<br />
 
 
 
==Bubble Chart from the NYT==
 
[[Image:RichardFuldCEOCompensation.png | right | 500px]]
 
'''Category:'''  Newsprint<br>
 
'''Where:''' NYT<br>
 
'''Implementation:''' 2D<br>
 
'''Date:''' 2008
 
 
 
From the Oct. 7, 2008 ''NYT'' article "Multimillion-Dollar Men" [http://www.nytimes.com/interactive/2008/10/07/business/20080929-payout-graphic.html Link] to the interactive display.
 
 
 
Note the overlap of the bubble, indicating excess and data too large in magnitude for the display...
 
 
 
<br />
 
 
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
 
 
==[http://www.nytimes.com/2008/06/17/health/research/17dna.html?_r=1&scp=1&sq=In+the+art+of+a+DNA+graph&st=nyt&oref=slogin In the Art of a DNA Graph]==
 
[[Image:17dna-600.jpg| 500px | right]]
 
;'''Category''':
 
:scientific, newspring  <br>
 
'''Where''': NYT
 
'''Implementation''': 2D<br>
 
'''Date''': 6/18/2008
 
 
 
''“DNA Collage 1” is on the cover of the new issue of Connecticut Medicine. Dr. Ruaño called it a “snapshot” of variations in the genome sequences of 62 people, one to a column, from blood samples taken in clinical studies at the hospital.''
 
 
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
 
 
== [http://www.nytimes.com/2008/06/01/books/review/Heller-t.html?_r=1&scp=1&sq=visuals&st=nyt&oref=slogin DESIGN AND SCIENCE: The Life and Work of Will Burtin]==
 
[[Image:heller-1.jpg|500px|right]]
 
'''Category''':  Newsprint  <br>
 
'''Where''': NYT<br>
 
'''Implementation''': NA<br>
 
'''Date''': 06/01/2008
 
 
 
'''Visuals'''
 
 
 
Burtin was one of many designer exiles who fled the Nazis and Fascists, including the Bauhaus teachers Herbert Bayer and Laszlo Moholy-Nagy [&#8230;] Burtin was the art director of Fortune magazine in the late ’40s, responsible for introducing abstract and conceptual art covers. Burtin’s most impressive contribution was the marriage of science and design.
 
 
 
After a recent spate of graphic designer biographies, this detailed monograph is definitely overdue. Burtin’s virtually forgotten work, like the exhibition “Metabolism — the Cycle of Life,” prefigures the interaction design practiced today on the Web and reveals just how entertaining well-articulated graphic and exhibition design about science can be.
 
 
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
 
 
 
 
 
 
 
 
==[http://www.nytimes.com/2008/05/13/science/13astr.html?ex=1211342400&en=b64c56a227cbc9f4&ei=5070&emc=eta1 Visualizing 3D]==
 
[[Image:astro_600.2.jpg|500px|right]]
 
'''Category''':  Newsprint  <br>
 
'''Where''': NYT<br>
 
'''Implementation''': NA<br>
 
'''Date''': 5/13/2008
 
 
 
[http://www.nytimes.com/2008/05/13/science/13astr.html?ex=1211342400&en=b64c56a227cbc9f4&ei=5070&emc=eta1 Article from the NYT] on 5/13/08.<br />
 
“Exploring the virtual universe is incredibly smooth and seamless like a top-of-the-line computer game, but also the science is correct”
 
 
 
The WorldWide Telescope results from careful planning and lengthy development in a research division. It has the richer graphics and it created special software to present the images of spherical space objects with less polar distortion. WorldWide Telescope requires downloading a hefty piece of software, and it runs only on Microsoft Windows.
 
 
 
Google Sky started as a Google “20 percent” project, in which engineers can spend time on anything they choose. Google Earth, where Google Sky began, requires a software download, but its Web-based version, which came out in March, does not. The Google culture encourages engineers to put new things onto the Internet quickly and keep improving them, a philosophy geared to constant evolution instead of finished products.
 
 
 
<!-- --------------------------------------------------------------------------------------------------------------- -->
 
[[Image:visu_Prod.png]]
 
= Product Search / Shopping =
 
No entries in this area yet...
 
<!-- --------------------------------------------------------------------------------------------------------------- -->
 
[[Image:visu_Scie.png]]
 
= Scientific =
 
==[http://www.scimaps.org/ Places &amp; Spaces, Mapping Science]==
 
[[Image:PlacesAndSpaces.png|500px|right]]
 
'''Category''': Scientific, Historical<br>
 
'''Where''': Indiana U.<br>
 
'''Implementation''': Misc<br>
 
'''Date''': current
 
 
 
''Places & Spaces: Mapping Science is meant to inspire cross-disciplinary discussion on how to best track and communicate human activity and scientific progress on a global scale. It has two components: the physical part supports the close inspection of high quality reproductions of maps for display at conferences and education centers; the online counterpart provides links to a selected series of maps and their makers along with detailed explanations of how these maps work. The exhibit is a 10-year effort. Each year, 10 new maps are added resulting in 100 maps total in 2014.''
 
<br>
 
<br>
 
<br>
 
<br>
 
 
 
==Morse-Smale Complex, and the visualization of "big data"==
 
[[Image:Morse-Smale-Complex.jpg|right|500px ]]
 
'''Category''': 3D, Scientific, algorithms<br>
 
'''Where''': UC Davis<br>
 
'''Implementation''':3D<br>
 
'''Date''': 2009
 
 
 
Basking in Big Data [http://www.technologyreview.com/computing/21976/?a=f], or how ''Visualization software makes viewing and interacting with enormous data sets practical without a supercomputer.'' 
 
 
 
''Recently [...] researchers at the University of California, Davis, and Lawrence Livermore National Laboratory announced that they have developed software that makes analysis and visualization of huge data sets possible without the aid of a supercomputer. The researchers' algorithm (the [http://www.ddj.com/hpc-high-performance-computing/212701591 Morse-Smale Complex algorithm]) slices up data into more manageable chunks, then stitches it back together on the fly, so that the data can be manipulated in three dimensions, all on a computer with the power and capacity of a high-end laptop.'' (from ''Technology Review'', http://www.technologyreview.com/computing/21976/?a=f )
 
 
 
Slides of presentation at VisWeek 09 [www.idav.ucdavis.edu/~garth/vis09-tutorial/pdfs/childs.pdf here].
 
 
 
==[http://cgi.cse.unsw.edu.au/~wyos/skyrails/ Skyrails]==
 
<videoflashright>I2d312_dXEs</videoflashright>
 
'''Category:''' Scientific <br>
 
;'''Where:'''
 
:The University of New South Wales - Sydney Australia <br>
 
'''Implementation:''' network, 3D<br>
 
'''Date:''' 2009
 
 
 
SKYRAILS is a 3D OpenGL visualization software.
 
 
 
''Skyrails is a social network (or any graph really) visualization system. It has a built in programming language for processing (as far as visualisation attributes goes) the graph and its attributes. The system is not only aimed at expert users though, because through the scripting languages menus can be built and the system can be used by any users.
 
 
 
The main distinguishing point of the system comes from the built in scripting language, the added flexibility of how to represent attributes (nodes can be binded to planes and spheres based on their attributes) and the scriptability of the user interface system. This makes skyrails ideal for creating presentations targeted at the average users. (from http://cgi.cse.unsw.edu.au/~wyos/skyrails/)''
 
 
 
[[Image:skyrails.png | right | 300px]]
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
 
 
<br />
 
<br />
 
 
 
<br />
 
<br />
 
 
 
<br />
 
<br />
 
 
 
 
 
 
 
 
 
 
 
==[http://lifehacker.com/software/disk-space/geek-to-live–visualize-your-hard-drive-usage-219058.php Tree Maps from LifeHacker]==
 
[[Image:harddisk_treemap.png| right|500px]]
 
'''Category''':  scientific  <br>
 
'''Where''': NA<br>
 
'''Implementation''': 2D<br>
 
'''Date''': 2008
 
 
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
 
 
 
 
<!-- --------------------------------------------------------------------------------------------------------------- -->
 
[[Image:visu_Soci.png]]
 
= Social Network =
 
==[http://jheer.org/vizster/ Vizster]==
 
[[Image:vizster.png |500px| right]]
 
'''Category''': Social Network<br>
 
'''Where''': Stanford<br>
 
'''Implementation''': network<br>
 
'''Date''': 2005
 
 
 
A project from Jeffrey Michael Heer at Stanford (http://jheer.org/vizster/), using the Prefuse package.
 
 
 
(Some notes about Prefuse can be found [[Misc. Prefuse Information | here]])
 
 
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
 
 
==[http://brian.shaler.name/digg/heatmap/ Digg HeatMap]==
 
[[Image:digHeatMap.png | right |500px]]
 
'''Category:'''  Social Network<br>
 
;'''Where:'''
 
:The work of [http://brian.shaler.name/pages/home/ Brian Chaler] of [http://www.bitgravity.com/ BitGravity]<br>
 
'''Implementation:''' 2D, network <br>
 
'''Date:''' 2009
 
 
 
A dynamic interactive flash display of readers as they "digg" stories.
 
 
 
<br />
 
 
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
 
 
==[http://wikicompany.org/wiki/Main_Page  WikiCompany ]==
 
[[Image:WikiCompany.png | 500px | right ]]
 
'''Category''':  Social Network <br>
 
'''Where''': NA<br>
 
'''Implementation''': network<br>
 
'''Date''': 2009
 
 
 
Wikicompany is a free content licensed ("Creative Commons: Attribution-Share Alike 3.0"), worldwide business directory that anyone can edit.
 
Creating a new company profile is easy, fast and free.
 
 
 
Wikicompany profiles are now also part of the exciting Linking Open Data and DBPedia projects. These projects provide free, structured data sets and software tools for developing innovative Semantic Web applications.
 
 
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
 
 
==[http://Facebook.com  Facebook&#8217;s &#8220;friend wheel&#8221;]==
 
[[Image:laurenfriendwheel.png|thumb|500px]]
 
'''Category''':  Social Network  <br>
 
'''Where''': Faccebook<br>
 
'''Implementation''': 2D<br>
 
'''Date''': current
 
 
 
Interesting display of friendship links on Facebook.
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br><br>
 
<br>
 
<br>
 
<br>
 
<br>
 
 
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
 
 
==[http://www.flickr.com/search/?q=graphviz&w=all&s=int  Some Graphviz Examples]==
 
[[Image:graphviz_flickr.jpg | right |500px]]
 
'''Category''': Social Network  <br>
 
'''Where''': NA<br>
 
'''Implementation''': 2D<br>
 
'''Date''': 2008
 
 
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
 
 
== [http://www.bewitched.com/research.html Evolution of a wikipedia page] ==
 
[[Image:discover_mag.jpg | right| 500px ]]
 
'''Category''': Social Network  <br>
 
'''Where''': Visual Communication Lab, IBM<br>
 
'''Implementation''': <br>
 
'''Date''': 2003
 
 
 
Generated by [http://www.bewitched.com/research.html Martin Wattenberg] and<br /> described in &#8220;Studying Cooperation and Conflict between Authors<br /> with history flow Visualizations&#8221;, 2004 ([http://alumni.media.mit.edu/~fviegas/papers/history_flow.pdf link]).
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
 
 
 
 
==  Neat graphical representation of activity in Wikipedia ==
 
[[Image:windowslivewritervisualizingthepowerstruggleinwikipedia-f7c7wikivislowres74.jpg|right|500px]]
 
'''Category''': Social Network  <br>
 
;'''Where''':
 
:School of Library and Information Science, Indiana University, Bloomington, IN, USA <br>
 
'''Implementation''': 2D<br>
 
'''Date''': 2007
 
 
 
Click [http://www.abeautifulwww.com/wp-content/uploads/2007/05/windowslivewritervisualizingthepowerstruggleinwikipedia-f7c7wikivislowres74.jpg here] for full size image.<br /> Very interesting and artistic way to depict activity in the wikipedia pages.<br /> For more information, check Bruce Herr&#8217;s http://abeautifulwww.com/2007/05/20/visualizing-the-power-struggle-in-wikipedia/<br /> or &#8220;Visualizing the ‘Power Struggle’ in Wikipedia&#8221;
 
 
 
A nicer web-2.0 type graph where the user can zoom in and out can be found here: http://scimaps.org/maps/wikipedia/
 
 
 
Another nice image representing graphically the geography and activity by domain name
 
[[Image:cctld_1200.jpg | right |500px ]]
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
 
 
== [http://www.theyrule.net They Rule] ==
 
[[Image:theyrule2.png | 500px | right]]
 
'''Category''':  Social Network <br>
 
'''Where''': created by Josh On<br>
 
'''Implementation''': 2D<br>
 
'''Date''': NA
 
 
 
See video by Josh On at http://theinfluencers.org/en/josh-on/video/3 on TheyRule.
 
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
 
 
<!-- --------------------------------------------------------------------------------------------------------------- -->
 
[[Image:visu_Surv.png]
 
= Surveys =
 
==[http://math.yorku.ca/SCS/Gallery/timelines.html Timelines and Visual Histories]==
 
'''Category: Historical <br>
 
'''Where''': York U., Toronto, Can.
 
'''Implementation''': 1- &amp; 2-D
 
'''Date''': 2009
 
 
 
See also [[#Timelines and Visual Histories |Timelines and Visual Histories]]
 
 
 
==[http://www.webdesignerdepot.com/2009/06/50-great-examples-of-data-visualization/ 50 Great Examples at WebDesignerDepot]==
 
[[Image:webdesignerdepot.png|500px|right]]
 
'''Category''': Survey<br>
 
'''Where''': WebDesignerDepot<br>
 
'''Implementation''': mixed<br>
 
'''Date''': current
 
 
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
 
 
==[http://www.cs.umd.edu/class/spring2005/cmsc838s/viz4all/viz4all_a.html Viz4All]==
 
'''Category''': Survey<br>
 
'''Where''': University of Maryland, College Park.<br>
 
'''Implementation''': mixed<br>
 
'''Date''': 2005
 
 
 
A survey of Internet Visualization Tools
 
 
 
Viz4All is a survey of visualization tools examined by graduate students participating in the spring 2005 Information Visualization class at the University of Maryland, College Park. Our criteria for visualizations on this website: are designed for use by the general public (not specialists); present practical, useful, and possibly entertaining information; with an interactive interface that gives users control over the display.
 
 
 
==[http://www.readwriteweb.com/archives/the_best_tools_for_visualization.php The Best Tools for Visualization at ReadWriteWeb]==
 
[[Image:readwriteweb2.png  | right | 500px ]]
 
 
 
'''Category''': Survey<br />
 
'''Where''': NA<br />
 
'''Implementation''': NA<br />
 
'''Date''': Compiled 2008 by [http://www.readwriteweb.com/archives/author/sarah-perez-1.php Sarah Perez]
 
 
 
This is a collection of sites and packages used for displaying (mostly) social networks, but not only.  ([[Media:readwriteweb_bestToolsVisualization.pdf | pdf list]])
 
 
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
 
 
==[http://vw.indiana.edu/07netsci/entries/submissionspg2.html NetSci07 Competition on visualizing network dynamics]==
 
[[Image:NetSci07.png|500px|right]]
 
'''Category''':  Survey  <br>
 
;'''Where''':
 
:New York Hall of Science, Netsci, Queens, NY<br>
 
'''Implementation''': NA<br>
 
'''Date''': 2007
 
 
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
<br />
 
 
 
==[http://infosthetics.com  infosthetics]==
 
[[Image:HeavyLosses.png | right |500px]]
 
'''Category''':  survey  <br>
 
;'''Where''':
 
:Design Lab, Architecture, Design and Planning, University of Sydney, Australia<br>
 
'''Implementation''': misc <br>
 
'''Date''': present
 
 
 
http://infosthetics.com/ form follows data - data visualization & visual communication
 
 
 
Another site dedicated to collecting stunning examples of visualization. 
 
 
 
''Inspired by Lev Manovich's definition of "information aesthetics", this weblog explores the symbiotic relationship between creative design and the field of information visualization. More specifically, it collects projects that represent data or information in original or intriguing ways. Since its conception in December 2004, several other terms have been introduced within the academic world for similar phenomena, ranging from 'Information Aesthetic Visualization'  over 'Casual Information Visualization'  to 'Artistic Data Visualization' .''
 
 
 
 
 
 
 
==[http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/ SmashingMagazine]==
 
[[Image:smashing.png  | 500px |right]]
 
'''Category''':  Survey <br>
 
'''Where''': SmashingMagazine<br>
 
'''Implementation''': NA<br>
 
'''Date''': 2007
 
 
 
''Founded in September 2006, Smashing Magazine delivers useful and innovative information to Web designers and developers. Our aim is to inform our readers about the latest trends and techniques in Web development. We try to convince you not with the quantity but with the quality of the information we present. We hope that makes us different. Smashing Magazine is, and always has been, independent.'' (from http://www.smashingmagazine.com/about-us/ )
 
 
 
Article in [[Media:DataVisualization_SmashingMagazine.pdf | pdf ]] format.
 
 
 
 
 
 
 
== [http://abeautifulwww.com/2007/02/10/35-great-visualizations/ 35 Great Visualizations ] ==
 
[[Image:35ExamplesVisu.png| right| 500px]]
 
'''Category''':  survey  <br>
 
'''Where''':  Search Team in Applied Research at AT&T
 
<br>
 
'''Implementation''': <br>
 
'''Date''':
 
 
 
Can be found here: [http://abeautifulwww.com/2007/02/10/35-great-visualizations/ abeautifulwww.com], a blog on visualization, design and aesthetics found on the Web and maintained by Todd Holloway.
 
 
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
 
 
 
 
 
 
 
 
----
 
{|
 
| [[Image:CCByNc.png]]
 
| You can remix, tweak, and build upon this page non-commercially.  Your work must  acknowledge '''Dominique Thiebaut''' as its author and be non-commercial.
 
|}
 

Revision as of 10:20, 14 December 2009

See News Page...