The demo is a map of the entire Internet. As the devloper stated, “At the moment we’re displaying the owner of each IP address (grey boxes), and which IP addresses are listed on the Spamhaus XBL blacklist (red dots), but we should be able to show other things in the future. Currently, we map all 4,294,967,296 IP addresses onto a huge image and let you zoom into it and pan around. Just like google maps, but more internetty. We’ve taken snapshots of the internet routing table (from CAIDA for this demo, but we’d probably use a local BGP feed out of preference) to work out who owns each IP address, and a snapshot of the Spamhaus XBL as some interesting data to overlay on the map. Then we use a Hilbert curve to map those addresses onto a two-dimensional map, as inspired by xkcd, so that nearby IP addresses are nearby on the map and so that CIDR ranges (the usual way blocks of IP addresses are broken down) map onto squares or rectangles.”

Continued…

Another great interface by Moritz Stefaner of Well-formed data, as he stated, “As a side product of my work on web feed visualization, I made a small comparison of different ways to deal with temporal information in lists of microcontent, such as e.g. blog entries. To support my argument, I also made small demonstrator based on actual web feed data. It takes a while to load (~700k of data), so please be patient. On the left, you have a menu for selecting different feeds. On the right, I drew a connection of each item to a calendar with fancy curved lines. You can adjust the size of the displayed items with the zoom slider.”

Continued…

Recreating Movement is a computer program for analysing film sequences and has been developed within a diploma thesis. With the help of various filters and settings Recreating Movement makes it possible to extract single frames of any given film sequence and arranges them behind each other in a three-dimensional space. This creates a tube-like set of frames that “freezes” a particular time span in a film. By using the keyboard the viewer can browse through the sequence of frames, chose any kind of view of the sequence of frames and influence the displayed frames directly via a displayable menu bar.

Continued…

A very fluid music visualization based on the film maker John Whitney. As the developer stated, “This weekend I’ve been playing, once again, with the ideas of experimental film pioneer John Whitney, using both graphics and audio. While Whitney was interested in turning musical ideas into motion graphics, I’m doing the inverse – turning one of his key animation ideas back into music. Whitney made a number of films based around the simple idea of harmonic relationships. Above is a visual example of one his ideas that I implemented in Flash.” Make sure you check out all of the variations in the right column. Great project.

Continued…

GigaPan consists of three technological developments: a robotic camera mount for capturing very high-resolution (gigapixel and up) panoramic images using a standard digital camera; custom software for constructing very high-resolution gigapixel panoramas; and, a new type of website for exploring, sharing and commenting on gigapixel panoramas and the detail our users will discover within them. The GigaPan website allows hosting and sharing all kinds of panoramas, and so the robotic GigaPan mount is recommended but is certainly not required to be part of this community.

Continued…

10×10 (ten by ten) is an interactive exploration of the words and pictures that define the time. The result is an often moving, sometimes shocking, occasionally frivolous, but always fitting snapshot of our world. Every hour, 10×10 collects the 100 words and pictures that matter most on a global scale, and presents them as a single image, taken to encapsulate that moment in time. Over the course of days, months, and years, 10×10 leaves a trail of these hourly statements which, stitched together side by side, form a continuous patchwork tapestry of human life.

Continued…

Explore all of British history, from the Neolithic to the present day, with this easy-to-use interactive timeline. Browse hundreds of key events and discover how the past has shaped the world we live in today. ‘Take a Journey’ when the timeline has loaded to follow themes such as Slavery, Women’s Rights and Technology.

Continued…

Flare is a collection of ActionScript 3 classes for building a wide variety of interactive visualizations. For example, flare can be used to build basic charts, complex animations, network diagrams, treemaps, and more. Flare is written in the ActionScript 3 programming language and can be used to build visualizations that run on the web in the Adobe Flash Player. Flare applications can be built using the free Adobe Flex SDK or Adobe’s Flex Builder IDE. Flare is based on prefuse, a full-featured visualization toolkit written in Java. Flare is open source software licensed under the terms of the BSD license, and can be freely used for both commercial and non-commercial purposes.

Continued…

The Artist Network Visualization applet shows the current listening activity of MyStrands users. Every time a user plays a track by a recognizable artist, it will show up on the map as a small circular node (along with the album art of whichever album the track belonged to). The nodes will repel each other away, so that they don’t overlap each other. However, if two or more artists are played consecutively, they will become visibly “linked” and follow each other around the map when clicked and dragged. Watch as networks of artists emerge from our users’ listening behavior.

Continued…

Relational search engines help you find more of the information you are looking for faster than with a traditional liner meta search. Grokker does a good job at relational search by federating content from Yahoo and Wikipedia. The results page has two main views which are a list view and a map view. The list view is interesting because it shows you a collapsable / expandable outline view of the categories, and a detail view. It also give you some tools to narrow your search such as a date slider, view by either Yahoo, Wikipedia or both, by keyword within the outline, and finally, by domain. The map view gives you the same tools with an expanded visualization map of the results and relationships. Very fun, easy to use, and great for discovering related results.

Continued…

Whenever I’m getting ready to travel somewhere I spend an inordinate amount of time looking at images and maps of the location. I usually go to about 4 of my favorite sites for photos and 5 different mapping sites to get ready for the trip. TagMaps lets you do both at the same time and much more. TagMaps is a project developed by the Yahoo! Research Group at UC Berkeley. As they say on their website, “TagMaps is a toolkit to visualize text (well, tags) geographically on a map. Check out the sample applications, where we use Flickr tags on a map to build a world exploration tool. TagMaps is available as a Flash component for your own website. The tags input to the visualization can be drawn from your own application – or use the data API of one of our sample applications.” I would highly recommend this site to explore and discover locations.

Continued…

Most of us who blog have statistical analysis programs to show us our website traffic. Many of the current programs let you see session data on each visitor that visits your website which includes, the pages they visited, and in some cases how long they spent on each page. The next step would be to see their mouse movements, keystrokes and the links that they click on. MoveLogger does exactly that. As the developer stated, “The cool thing is that you can replay these movements afterwards. The movelogger records clicks on links and other elements. In replay mode the events are fired in the exact same order as they have been recorded. That way it would be possible to record a websesion (the click-flow) in a heavy AJAX based application. It would even be possible to record keyboard strokes and other type of events.” This would be a great human computer interaction tool as you could use this code on a beta site instead of standard user interaction testing or eye tracking studies. Simply install this code on your pages and view exactly what the test subjects do. I’m not suggesting never using full scale user tests, I’m just saying if you’re a start up or individual with limited funds this may be a good option for seeing what your beta testers do on your site, with no formal analysis of this data. The entire script is coded in javascript using Prototype and script.aculo.us with some php code on the server side. The source code has not been released yet, however, I have requested it.

Continued…

While I’ve seen several color based searches they are usually for images. Etsy has created a color based search for products which gives you results based on colors you select in their easy to navigate color grid. To use the search just mouse over the color grid and click on the color. Then click the item to get a closer look and some more details. If you are interested in this item and want to find out more just click the item title. From there you can purchase the selected item.

Continued…

Timepiece is an experimental data visualization that help you explore Filmforay’s site content including, all of their film ideas, new members, comments and votes on each film idea. Presently there is five months worth to data explore, however, this will undoubtedly grow. As stated by LInden at Filmforay, “The visualization is done with Adobe Flash and pulls all recent data from the site, updated every 30 minutes. Currently it takes a pretty heavy toll on your CPU and loading does take some time, so older computers might have some trouble running it. And I’ll admit the design wouldn’t scale very well given a larger data set, but for the meager traffic filmforay has received so far it does just fine!” Time is one of the most challenging aspects to represent in data visualizations. Linden has created a very unique view of his site’s content over time. Nice job.

Continued…

20% of the world’s Internet traffic is delivered over the Akamai platform. During the period I was viewing this visualization they were receiving an average of 2 million visitor per second. Until now only Akamai and our customers had access to this information. Now you can view real-time data and identify the global regions with the greatest attack traffic, cities with the slowest Web connections (latency), and geographic areas with the most Web traffic (traffic density). This suite of visualizations include, real-time web monitoring, network performance comparisons, visualize all of Akamai’s traffic, and also see net usage for the retail, new and music industries.

Continued…

Kartoo is a meta search engine which presents its results on a map. To try it enter your request and click on the “OK” button. As soon as you launch a search, Kartoo analyses your request, questions the most relevant engines, selects the best sites and places them on a map. In this map, the found sites are represented by more or less important size pages, depending on their relevance. When you move the pointer over these pages, the concerned keywords are illuminated and a brief description of the site appears on the left side of the screen. A series of keywords appears. You can refine your search by clicking subjects. To go to the next map, click on the “map nb x” button.

Continued…

Highslide JS is an open source JavaScript software, offering a Web 2.0 approach to popup windows. It streamlines the use of thumbnail images and HTML popups on web pages. The library has many features such as no plugins like Flash or Java required, popup blockers are no problem. The content expands within the active browser window. Single click. After opening the image or HTML popup, the user can scroll further down or leave the page without closing it. Compatibility and safe fallback. If the user has disabled JavaScript or the JavaScript fails in any way, the browser redirects directly to the image itself or to a fallback HTML page. This fallback is able to cope with most exceptions and incompatibilities.

Continued…

Digg Arc is another great data visualization from digg labs that provideds a broader and deeper view of Digg.. As the labs site states, “Digg Arc displays stories, topics, and containers wrapped around a sphere. Arcs trail users as they digg stories across topics. Stories with more diggs make thicker arcs. Labs projects are the results of collaboration with Digg partner Stamen Design. We’ve also released a public API for Digg so that anyone can turn Digg data into their own visualizations.” I spend a lot of time at digg labs to see a more visual and broader view of all stories being dugg.

Continued…

If you frequent websites like Amazon, YouTube, flickr and eBay you probably love the mass of content that you can see at sites like these. As a designer I tire of “sameness” in ways to browse websites. With the exception of flickr the only way to browse the content on these sites is the all to common linear list view. oSkope gives you another. As they say on their website, “oSkope is a search assistant with a highly intuitive visual interface. oSkope lets you browse quickly through a large number of images a preview information with minimal paging. Selected items can be saved by registered users.” In many of my test searches I found the information or product I was looking for much more quickly than on the websites themselves. While I can save individual products in a folder I also wish I could save searches. The product is still in beta, however, it is a very fun, intuitive and functional way to search the selected websites. Thanks to the developers and designers.

Continued…

New ways to visualize time based content is the next frontier of interaction design. Andy Biggs has finally come up with a new way to view time based RSS content in an easy to use and visually stunning manor. RssVoyage is a step beyond most current feed readers. Andy is a senior flash developer who decide to explore RSS in a 3D viewer. To quote Andy, “Voyage is a RSS Feed agregator that sorts the feeds based on date of each item posted. The user then scrolls through their feeds in 3d using the mouse wheel.” While it might be difficult to view 1000 feed with the current application, it’s a brilliant proof of concept for a new way to visualize RSS content. The only suggestions I would have are a few additional controls. It would be helpful if there was a way to stop the mouse scroll by a clicking. A feature to zoom the size of the posts would help with large amounts of data. Finally, a way to filter the feeds would allow me to see only the content I wished. Thanks Andy for the great insight into this new way of visualizing RSS feeds.

Continued…