Code_Swarm - Organic Software Visualization
This is a visualization created by Michael Ogawa and shows the development of software over time. I've often wondered how much work went in to creating something like Apache. This visualizations shows you all of the code changes that go into large scale software. Michael used the processing visualization language to create this project. This is how it works, "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."
Blog:
DesignDemo -
(0)
Comment(s) -
Read More...
Visualizations by Chris Harrison
This is a fairly long list of visualizations produced by Chris Harrison. Chris is a doctoral student in the Human-Computer Interaction Institute at Carnegie Mellon University. The data sets span a wide range of sources including, digg, colors amazon, wikipedia and trends. If you have some time on your hands check out these great visualizations. They all have complete descriptions and screenshots. Thanks Chris!
Blog:
VizLIst -
(0)
Comment(s) -
Read More...
A Gallery of Large Graphs
"Graph visualization is a way to discover and visualize structures in complex relations. What sort of structures are people who do large scale computation studying? We can get a glimpse by visualizing the thousands of sparse matrices submitted to the University of Florida Sparse Matrix collection. The resulting gallery contains the drawing of graphs as represented by 1890 sparse matrices in this collection. Each of these sparse matrices (for rectangular matrix, an augmented matrix is formed first) is viewed as the adjacency matrix of an undirected graph, and is laid out by a multilevel graph drawing algorithm."
Blog:
VizLIst -
(0)
Comment(s) -
Read More...
Dipity - Full Featured Shared Timelines
I've seen many shared timeline applications lately, however, Dipity has several features that make it stand out from the rest. Most timeline applications only allow one view if the content in a timeline view. Dipity shows timeline view, list view, flipbook view and a map view. I like the way you can see several view of the same or related information. You can also embed any timeline in your own website. Other features include favorites, comments, feeds and fans for each timeline. Currently this is my favorite shared timeline application.
Blog:
DesignDemo -
(0)
Comment(s) -
Read More...
Tag Galaxy - Flickr Visualization
Tag Galaxy is another in a long line of Flickr API visualizations. While I've seen several tag based visualizations for Flickr this one is particularly playful. You can move the globe, click on an image, and see more information about the photo. Most of the other tag visualizations for Flickr that I've seen when you click on the image to see a larger size, or learn more you leave the visualization and go straight to Flickr. I like that you stay in context with Tag Galaxy to view more. The project was created by Steven Wood of Georg-Simon-Ohm University of Applied Sciences Nuremberg. Nice work.
Blog:
DesignDemo -
(0)
Comment(s) -
Read More...
Visualizing Cultures - Image Driven Scholarship
Image driven scholarship is a lofty goal, however, MIT's Visualizing Cultures has created a wonderful visual learning space. I spent quite some time tonight going through the site and throughly enjoyed it. As they state, " Visualizing Cultures was launched at MIT in 2002 to explore the potential of the Web for developing innovative image-driven scholarship and learning. The VC mission is to use new technology and hitherto largely inaccessible visual materials to reconstruct the past as people of the time visualized the world (or imagined it to be). I love the idea and the site, however, the top drop-down menu at the top of the page started to bother me over time. Since this is the main navigation for the site it might be nice if it was a breadcrumb rather than a poppy drop-down. I still like the site very much.
Blog:
DesignDemo -
(0)
Comment(s) -
Read More...
Relational Music Discovery
I spend most of my days and nights in front of the computer screen. Needless to say I listen to countless hours of music. I'm always looking for new music to listen to, and face it, iTunes can only get you so far with it's rather limited discovery features. Recently, I've turned to relational, and visual music discovery engines to find more tunes that related to my current musical tastes.
Blog:
Max Kiesler -
(2)
Comment(s) -
Read More...
New Search Visualizations Paradigms
I really like to search the web. I search because I'm curious. I search because I need specific information. When I need to find something specific I still go to Google. When I'm curious, and searching for entertainment sake I go to visual, faceted, and relational search engines. There are many ways to search the web these days that are not just liner. Today searches can now be based on context, color, relationship, and even child safe content.
Blog:
Max Kiesler -
(6)
Comment(s) -
Read More...
Designing Visualizations for Time-Based Data
Most interaction designers understand the concept of timelines and other time-based data. Blogs, calendars, and to-do lists are all examples of time-based data. However, if you are trying to fit 400 data points into a 1024 x 726 screen you'll quickly see how challenging time-base data can be. Currently, many interaction designers are turning to visualizations to overcome many of the issues associated with this form of data representation. Below you'll find a list of some of the best time-based visualizations on the web.
Blog:
Max Kiesler -
(6)
Comment(s) -
Read More...
Box2D Physics Engine
Are you looking to add the z-axis to your simulations? Well I've tried thinking in 3D, but it still escapes me. Box2D is an open source physics engine written primarily for games. As the name suggests, Box2D is a purely 2D engine. However, Box2D has grown beyond it's humble box simulating roots, and can now handle convex polygons and other shapes coming soon.
Blog:
DesignDemo -
(0)
Comment(s) -
Read More...
Visualization Programming Languages, Software, and Toolkits
If you've seen websites such as,
Digg Big Spy,
We Feel Fine, or
Gapminder. and you're a web surfer you are probably amazed. If however, you're a web designer or programmer you may be wondering how to accomplish these dramatic visualizations. Below you'll find a list of visualization software, toolkits and programming languages to get you started.
Blog:
Max Kiesler -
(2)
Comment(s) -
Read More...
VizList - The Data Visualization List
I'm pleased to announce VizList as a new addition to my blog. VizList is a constantly updated list of all forms of next generation web-based visualizations. Posts will provide a screenshot, a description written by either myself or the developer, and a link to the website. All visualizations will be categorized for easy browsing. I am focused in keeping you up to date with the latest developments in data visualizations, software and applications.
Blog:
Max Kiesler -
(0)
Comment(s) -
Read More...
Content Visualizations - The Next Wave of Interaction Design
While the web is changing every day, the one constant is the need to discover information. Search, browse, lists and tags are all great ways to find what you are looking for, however, today content visualizations are giving us a whole new way to discover deep content and relational data like never before. For instance if you search for RadioHead in most of the current search engines you will find lots of links to RadioHead related information. What do you search for if you want to find bands that you might like that have the same sound as RadioHead? This is where content visualizations shine. Many give you the ability to drill down in the content you are interested in and, in a very graphical and visual way.
Blog:
Max Kiesler -
(1)
Comment(s) -
Read More...
Twitterverse Launches
We're psyched to launch our first release of
Twitterverse tonight after working on the idea for the last couple of weeks and then the last 48 hours straight.
Blog:
Max Kiesler -
(0)
Comment(s) -
Read More...
Data Visualization Software, Resources, Tutorials and Source Code
As an interaction designer I'm always wondering what's next. Over the last few years we've become familiar with web application design, new constructs like recency and popularity, however, in the back-channel of web design there has been an increasing movement towards data visualizations, both large and small. You can currently see this in everything from blog design to large-scale data visualizations like We Feel Fine and digg labs. Designers and programers are coming together in new ways, which in the end result are producing some of the most functional, and creative web interfaces I've ever seen.
Blog:
Max Kiesler -
(13)
Comment(s) -
Read More...
Ecosystem Navigation and Tiny Visualizations
It's not AJAX, DHTML, Java, or Ruby but it is a new way of seeing blog categories. Tonight I'm presenting the first in a series of tiny blog visualizations. If you look in the top right corner of my new home page you'll see a clickable pie chart of my current blog categories presented by popularity. Why tiny visualizations? In the last year I've been impressed by the number and quality of large scale data visualizations. Sites like Digg Labs, We Feel Fine and Gapminder all present a new flow and discovery model for data. However, in these examples the visualization is based on a very large data set. Recently, I've become increasingly interested in the idea of tiny visualizations and how this notion can be used as a way to navigate blogs and other micro communities.
Blog:
Max Kiesler -
(1)
Comment(s) -
Read More...
