> Back to main page

Relation browser
Description Project history

This radial browser was designed to display complex concept network structures in a snappy and intuitive manner.

Click the center node for detail information or click adjacent nodes to put them in the center. The arrows on the top left can be used to navigate your click history. Use the dropdown in the upper right to directly access nodes by name. The varying distance to the center node for nodes with many neighbors was only introduced to enhance legibility and does not have a special semantics.

Since the import format is XML, and both icons and interaction functionalities are well-separated from the rest of the code, an adaptation to new domains is easily possible.

The Fraunhofer Institute for Applied Information Technology (FIT) used a first version of this visualization in the project WINDS, which aimed at contributing to the reorganisation of the pedagogical, cultural and functional aspects of design education at university. In the online course developed in the project, this visualization was used to display the information contained in a semi-automatically created index of a course.

The demo above was created in order to demonstrate the visualizations's further capabilities - by displaying the CIA world factbook information about countries, continents and oceans (based on the Mondial Database).

I developed variants of this visual browser: See the visualization of social networks in outfoxed, which is a firefox extension for social browsing, developed by Stanley James or the screenshots below.

Currently, I am working on an Open Source version, which is free for non–commercial use and can be licensed for commercial applications.

Contact me, if you are interested.

More usage examples
Spring-based layout   social network visualization
Client adjustments
  Visualizing web page clickflows (offline)
Visualizing social networks