Stream

Max Kiesler's entrance page and activity stream from all my blogs

Blog Archives

All of the posts from Max's main blog

DesignDemo

Demos of web interface and interaction design

Vizlist

View all of our media

mHub

Ajax, rails and other coding examples & how-to's

Labs

My personal work, or work in progress

About

Learn more about Max

News

Stay up to date with Max

Latest DesignDemos

Monday, October 29, 2007
Recreating Movement - Tools for Analyzing Film Sequences
image 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.
Blog: DesignDemo - (0) Comment(s) - Read More...
Tags: recreating movement, film visualizations



Sunday, October 28, 2007
Whitney Music Box - Visual Harmony
image 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.
Blog: DesignDemo - (0) Comment(s) - Read More...
Tags: music visualizations, whitney music box, john whitney, visual harmony



Saturday, October 27, 2007
GigaPan - Gigapixel Images
image 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.
Blog: DesignDemo - (0) Comment(s) - Read More...
Tags: image visualizations, gigapan



Thursday, October 25, 2007
British History Timeline
image 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.
Blog: DesignDemo - (1) Comment(s) - Read More...
Tags: timelines



10 x 10 - Words and Pictures That Define the Time
image 10x10 (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, 10x10 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, 10x10 leaves a trail of these hourly statements which, stitched together side by side, form a continuous patchwork tapestry of human life.
Blog: DesignDemo - (1) Comment(s) - Read More...
Tags: content visualization



Wednesday, October 24, 2007
The Flare Visualization Toolkit
image 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.
Blog: DesignDemo - (0) Comment(s) - Read More...
Tags: data visualizations



Tuesday, October 23, 2007
Grokker - Relational Search Visualization
image 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.
Blog: DesignDemo - (0) Comment(s) - Read More...
Tags: search visualization



Artist Network Visualization
image 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.
Blog: DesignDemo - (0) Comment(s) - Read More...
Tags: network visualizations



Monday, October 22, 2007
TagMaps - Mapping and Photo Visualization
image 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.
Blog: DesignDemo - (0) Comment(s) - Read More...
Tags: tag and map visualizations



Sunday, October 21, 2007
MoveLogger - Visualizing Recorded Mouse Movements
image 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.
Blog: DesignDemo - (0) Comment(s) - Read More...
Tags: ajax mouse tracking



Page 5 of 12 pages « First  <  3 4 5 6 7 >  Last »

Stuff

Subscribe

  in a reader
  by email

    

About

Max Kiesler is an award-winning strategic designer and co-founder
and principal of Ideacodes.com, a web consultancy in San Francisco focused on next generation websites. About Max...

My Latest Twitter

07-04 2:13
Looking at flights for our next trip to Oahu. Maybe September 20th to the 30th on the north shore. Our favorite place in the world. :)