Datavisualization.ch is a website dedicated to data and information visualization. The mission is keep track of the eclectic research results in this field. This includes cognistions from self initiated studies as well as it provides an overview of the developement done by the incredible smart people in the community.

It evolved from our research blog that we used to gather the resources for our bachelor’s project. Beside our own continuing research in this field, we’ll document the newest creations by some of the smartes people around. The “Cutting Edge” is a moderated new section where we document the newest creations we encounter. We’ve built a pretty neat dashboard to monitor this agile community and stay on top of the cutting edge of information.

Candeo is the bachelor project I developed with my co-worker Christian Siegrist. It’s documentation is available on a seperate website. Please note that all of the content is written in german. If you need the content translated in english or an other language, feel free to get in touch with me.

Brief

Software Visualization 2 is based on the work from the Software Visualization Project. We had 3 weeks to refine our prototype in partnership with students from the University for IT in Zurich. The working relationship was very useful to check the usability and the value delivered by my visualization.

View the full documentation at iad.projects.hgkz.ch/infovis07

Brief

Sorry, I didn’t had the chance to put it here but it will follow, promised!

Solution

Thanks to the openness of the task I took the chance to convert some aspects from the SoftVis prototype adapt it to a different data source. I wanted to take live data and therefore I chose an existing WordPress database and rewrote the prototype to fit the new dataset. During the developement I struggled quite a bit with the handmade php script to connect to the database and as a solution wrote the SWX-WordPress API that is now freely available for download.

In this second iteration of the En- and Decoding Space project I analized reading structures based on the written word. I experimented with the possiblities of non-linear reading and interactive storytelling. View the results of the first Iteration here

View the full documentation at Project Blog

Brief

Sorry, I didn’t had the chance to put it here but it will follow, promised!

Solution

My solution is based on a radial-organized Structure of the data. A circle representing a package is divided in the subpackages or classes it contains. The methods are attached to the classes they belong to at the periphery of the circle. The angle of a method is generated by the number of lines of code relative to the number of lines of code of the class. It’s cyclomatic complexity is represented by it’s radius and when the cc is reaching a critical level the color turns to red. Calls from one method to another are represented by the lines inside the element. Caller and callee can be identified by the color gradient from green to blue. Appart from the direct interaction with the visualization the interface provides several mechanisms to filter the visualization and receive more detailed information.

View the second iteration of this project here

Brief

Sorry, I didn’t had the chance to put it here but it will follow, promised!

Solution

I took the departure timetable as my data source and wanted to create a live visualization of all the trains leaving Zürich mainstation. The clock with it’s clockwise rotation was the inspiration for the visualization and resulted in the spiral structure the traces of the trains. Everytime a train reaches a station it’s name appears on the screen. Interactions provide the possibilities to rotate and zoom the visualization.