Max Kiesler - Designer
Latest DesignDemos
Subscribe
Sunday, October 28, 2007
Whitney Music Box - Visual Harmony

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.
More...
(0)
Comments
Saturday, October 27, 2007
GigaPan - Gigapixel Images

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.
More...
(0)
Comments
Thursday, October 25, 2007
British History Timeline

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.
More...
(1)
Comments
10 x 10 - Words and Pictures That Define the Time

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.
More...
(1)
Comments
Wednesday, October 24, 2007
The Flare Visualization Toolkit

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.
More...
(0)
Comments
Tuesday, October 23, 2007
Grokker - Relational Search Visualization

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.
More...
(0)
Comments
Artist Network Visualization

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.
More...
(0)
Comments
Monday, October 22, 2007
TagMaps - Mapping and Photo Visualization

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.
More...
(0)
Comments
Sunday, October 21, 2007
MoveLogger - Visualizing Recorded Mouse Movements

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.
More...
(0)
Comments
Saturday, October 20, 2007
Etsy’s Color Product Search Visualization

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.
More...
(0)
Comments
Page 3 of 10 pages
« First < 1 2 3 4 5 > Last »
DesignDemos Categories
AJAX / Flash Forms,
AJAX Blog Templates,
AJAX Login Systems,
AJAX Calendaring,
AJAX Directory Managers,
AJAX Frameworks,
AJAX Galleries,
AJAX Bookmarklets,
AJAX Messaging,
AJAX Model Windows,
AJAX Mouse Tracking,
AJAX Navigation,
AJAX Organizers,
AJAX Sign Up Process,
AJAX Signup Pages,
AJAX Start Pages,
Live Pages,
AJAX Travel,
AJAX Widgets,
Chat,
Content Visualization,
Data Visualizations,
Film Visualizations,
Flash,
Flickr API,
Heat Maps,
Image Visualizations,
Knowledge Management,
AJAX Rating Systems,
Mapping,
Music,
Music Visualizations,
Network Visualizations,
News,
Online Image Editing,
RSS,
Search Visualization,
Site Entrance Pages,
Social Bookmarking,
Tag and Map Visualizations,
Tagging,
Timelines,
Search
Home |
DesignDemo |
VizList |
mHub |
About |
Contact |
News
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...
This work is licensed under a
Creative Commons Attribution 2.5 License