Max Kiesler - Designer
Latest Posts From All Blogs
Monday, June 16, 2008
Vista-like Ajax Calendar
The Vista-like Ajax Calendar (vlaCalendar) version 2 is a unobtrusive web version of the slick and profound Windows Vista taskbar calendar, by using the mootools javascript framework, AJAX, XHTML, CSS and PHP.
Posted in: mHub, Read More...
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."
More...
Posted in: DesignDemo, Read More...
Sunday, June 15, 2008 Wordle - Beautiful Word Clouds
"Wordle is a toy for generating word clouds from text that you provide. The clouds give greater prominence to words that appear more frequently in the source text. You can tweak your clouds with different fonts, layouts, and color schemes. The images you create with Wordle are yours to use however you like. You can print them out, or save them to the Wordle gallery to share with your friends."
Posted in: VizLIst, Read More...
Friday, June 13, 2008 Moodstream - Media Explorer
When I first opened Moodstream I was excited. There marketing statement said, "Moodstream is a powerful brainstorming tool designed to help take you in inspiring, unexpected directions." As a designer, I'm always looking for tools to help me find the media I need for current projects. While the interaction looked fine at first, as I started using the application there were functions I felt I needed that were missing. You are presented with images, media and audio, however, there is no way to show just one media type. If I only want to be inspired by images I have to sit though all of the video snips to get to the next image. Next, the control box took up a great deal of above-the-fold space. While you can pause the presentation there is no way to stop and go back one or two images. You just have to wait for all of them to cycle through. On pause, a backbutton would have been very helpful. The core feature of finding media related to mood is a great idea, and Moodstream is a good start, however, it would nice to see some improvements to the UI.
More...
Posted in: DesignDemo, Read More...
SPAW Editor - Browser Based WYSIWYG Editor
"SPAW Editor is a web based in-browser WYSIWYG editor control enabling web site developers to replace a standard textarea html control with full-featured, fully customizable, multilingual, skinable web based WYSIWYG editor. Version 2 adds tabbed multi-document interface, floating/shared toolbars, modular architecture and many other exciting features."
Posted in: mHub, Read More...
Twitter Spectrum - by Jeff Clark
Twitter Spectrum is an application that is built with Processing and shows the conjunction of two words on Twitter. As Jeff states, "I've slightly improved the Twitter Spectrum application so that clicking on words used in conjunction with both terms properly use OR in the query. I also changed the default search terms to 'from:jasoncalacanis' and 'from:scobleizer' to show how you can compare the tweets from two users rather than related to two terms."
Posted in: VizLIst, Read More...
Thursday, June 12, 2008 Sliding Top Menu With jQuery
This is a sliding top menu built with jQuery which can be fired through the open, and close buttons or with any tag with the related class name. You can also use it as an info box, login area, and more.
Posted in: mHub, Read More...
Wednesday, June 11, 2008 Viewzi - New Ways to Search the Internet
Visual searches just keep getting better and better. Viewzi is a meta search engine that lets you view relational data in a fun and easy to use visual paradigm. Currently, there are fourteen ways to view a search term including, mp3, video, 3d photo, basic photo, web screenshots and the list goes on. You can scale the results with an interactive slider and they also provide related results in the sidebar. Overall, I find Viewzi a compelling and engaging way to search. Well done!
More...
Posted in: DesignDemo, Read More...
SproutCore - Javascript Framework
SproutCore is a framework for building applications in JavaScript with remarkably little amounts of code. It can help you build full “thick” client applications in the web browser that can create and modify data, often completely independent of your web server, communicating with your server via Ajax only when they need to save or load data.
Posted in: mHub, Read More...
Interactive Linux Kernel Map
"The Linux kernel is one of most complex open source project. There is a lot of books, however it is still a difficult subject to comprehend. The Interactive Linux kernel map gives you top-down view to the kernel. You could see most important layers, functionalities, modules, functions and calls. Each function on the map is hypertext link to source code. The map is interactive. You can zoom in and drag around to see details."
Posted in: VizLIst, Read More...
Tuesday, June 10, 2008 How They Voted - Demographic Visualization
This is a nice informational visualization of how different groups voted in the 2008 democratic presidential primaries. I found the visualization quite compelling. It was a great way to see the state by state demographics. The piece was produced by the New York Time website, and used Edison / Mitofsky exit poll for the data. This is a flash based visualization and was created by Shan Carter and Amanda Cox.
More...
Posted in: DesignDemo, Read More...
Google AJAX Feed API
Embed a Dynamic Feed Control on your web page and let your users see customized views of the feeds. Customize how the dynamic feed control should be displayed, and this wizard will write the code for you.
Posted in: mHub, Read More...
LastGraph - Last fm Visualization
"LastGraph is a web-based service that aims to give you a new way to explore your last.fm listening history. We use the last.fm API to transfer across your basic profile data, and then crunch it around in various interesting (and often hilariously inefficient) ways.The site is written and run by Andrew Godwin, with a large amount of rendering power generously donated by State51."
Posted in: VizLIst, Read More...
Saturday, June 07, 2008 Thinkbase - Visual Wiki
Thinkbase is a new way to navigate and explore information on the web. It is what we call a Visual Wiki. It is based on Freebase, an open, shared database of the world's knowledge - in other words a Semantic Wiki. Thinkbase uses a visualization tool (Thinkmap) to create an interactive visual representation of the semantic relationships in Freebase. Thinkbase was developed by Christian Hirsch at the University of Auckland.
More...
Posted in: DesignDemo, Read More...
Erlang-style concurrency with JavaScript 1.7
Er.js piggybacks on Neil Mix's Thread.js which fakes threading in JavaScript 1.7 using coroutines and nested generator continuations. The goal is to replicate Erlang's concurrent lockless process model and message-passing APIs in JavaScript.
Posted in: mHub, 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!
Posted in: VizLIst, Read More...
Wednesday, June 04, 2008 jsmap - Map Selector for Form Input Fields
This application is a helper script to choose regions and states in XHTML forms. By clicking on the input field you get a map of the surrounding states, and the you can select from the map. The website is available in both english and japanese. The download is free.
Posted in: mHub, Read More...
Today - Visualize Your Cell Phone Activity
Today is a visualization application that resides directly on your cell phone. It shows a variety of activities including incoming calls, outgoing calls both answered, and unanswered. It also shows incoming and outgoing sms messages. The application takes this data and creates a visual map of the day on your phone. While this may not be the first cell phone inherent visualization - it's the first one I've seen. I would love to see this for more phone platforms. Currently, it's only available for Symbian based mobile phones. If you're lucky enough to have one - the sign up, and application download are free.
Posted in: VizLIst, Read More...
Ultra-lightweight Charts For AJAX
"To continue the theme of using seamless Flash/Flex/AJAX applications, here's a really simple example how you can use Flash and AJAX together seamlessly within your applications. Yes, i said Flash, not Flex. In this example I created an ultra-lightweight ActionScript-only charting project that can be used within AJAX applications."
Posted in: mHub, Read More...
Interactive Periodical Table
I've always had trouble understanding the relationship of the elements in the periodic table. This application gives you an understanding of the how those relationships are made. This learning visualization was developed by Adams Brian of Touchspin Design, and is an aid to his own understanding and that of his students. While this is not a new visualization I always like to highlight learning based design. This is a great example. Thanks to Adams and Touchspin.
More...
Posted in: DesignDemo, Read More...
Page 2 of 43 pages < 1 2 3 4 > Last »
The Vista-like Ajax Calendar (vlaCalendar) version 2 is a unobtrusive web version of the slick and profound Windows Vista taskbar calendar, by using the mootools javascript framework, AJAX, XHTML, CSS and PHP.
Posted in: mHub, Read More...
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."
More...
Sunday, June 15, 2008 Wordle - Beautiful Word Clouds
"Wordle is a toy for generating word clouds from text that you provide. The clouds give greater prominence to words that appear more frequently in the source text. You can tweak your clouds with different fonts, layouts, and color schemes. The images you create with Wordle are yours to use however you like. You can print them out, or save them to the Wordle gallery to share with your friends."
Posted in: VizLIst, Read More...
Friday, June 13, 2008 Moodstream - Media Explorer
When I first opened Moodstream I was excited. There marketing statement said, "Moodstream is a powerful brainstorming tool designed to help take you in inspiring, unexpected directions." As a designer, I'm always looking for tools to help me find the media I need for current projects. While the interaction looked fine at first, as I started using the application there were functions I felt I needed that were missing. You are presented with images, media and audio, however, there is no way to show just one media type. If I only want to be inspired by images I have to sit though all of the video snips to get to the next image. Next, the control box took up a great deal of above-the-fold space. While you can pause the presentation there is no way to stop and go back one or two images. You just have to wait for all of them to cycle through. On pause, a backbutton would have been very helpful. The core feature of finding media related to mood is a great idea, and Moodstream is a good start, however, it would nice to see some improvements to the UI.
More...
SPAW Editor - Browser Based WYSIWYG Editor
"SPAW Editor is a web based in-browser WYSIWYG editor control enabling web site developers to replace a standard textarea html control with full-featured, fully customizable, multilingual, skinable web based WYSIWYG editor. Version 2 adds tabbed multi-document interface, floating/shared toolbars, modular architecture and many other exciting features."
Posted in: mHub, Read More...
Twitter Spectrum - by Jeff Clark
Twitter Spectrum is an application that is built with Processing and shows the conjunction of two words on Twitter. As Jeff states, "I've slightly improved the Twitter Spectrum application so that clicking on words used in conjunction with both terms properly use OR in the query. I also changed the default search terms to 'from:jasoncalacanis' and 'from:scobleizer' to show how you can compare the tweets from two users rather than related to two terms."
Posted in: VizLIst, Read More...
Thursday, June 12, 2008 Sliding Top Menu With jQuery
This is a sliding top menu built with jQuery which can be fired through the open, and close buttons or with any tag with the related class name. You can also use it as an info box, login area, and more.
Posted in: mHub, Read More...
Wednesday, June 11, 2008 Viewzi - New Ways to Search the Internet
Visual searches just keep getting better and better. Viewzi is a meta search engine that lets you view relational data in a fun and easy to use visual paradigm. Currently, there are fourteen ways to view a search term including, mp3, video, 3d photo, basic photo, web screenshots and the list goes on. You can scale the results with an interactive slider and they also provide related results in the sidebar. Overall, I find Viewzi a compelling and engaging way to search. Well done!
More...
SproutCore - Javascript Framework
SproutCore is a framework for building applications in JavaScript with remarkably little amounts of code. It can help you build full “thick” client applications in the web browser that can create and modify data, often completely independent of your web server, communicating with your server via Ajax only when they need to save or load data.
Posted in: mHub, Read More...
Interactive Linux Kernel Map
"The Linux kernel is one of most complex open source project. There is a lot of books, however it is still a difficult subject to comprehend. The Interactive Linux kernel map gives you top-down view to the kernel. You could see most important layers, functionalities, modules, functions and calls. Each function on the map is hypertext link to source code. The map is interactive. You can zoom in and drag around to see details."
Posted in: VizLIst, Read More...
Tuesday, June 10, 2008 How They Voted - Demographic Visualization
This is a nice informational visualization of how different groups voted in the 2008 democratic presidential primaries. I found the visualization quite compelling. It was a great way to see the state by state demographics. The piece was produced by the New York Time website, and used Edison / Mitofsky exit poll for the data. This is a flash based visualization and was created by Shan Carter and Amanda Cox.
More...
Google AJAX Feed API
Embed a Dynamic Feed Control on your web page and let your users see customized views of the feeds. Customize how the dynamic feed control should be displayed, and this wizard will write the code for you.
Posted in: mHub, Read More...
LastGraph - Last fm Visualization
"LastGraph is a web-based service that aims to give you a new way to explore your last.fm listening history. We use the last.fm API to transfer across your basic profile data, and then crunch it around in various interesting (and often hilariously inefficient) ways.The site is written and run by Andrew Godwin, with a large amount of rendering power generously donated by State51."
Posted in: VizLIst, Read More...
Saturday, June 07, 2008 Thinkbase - Visual Wiki
Thinkbase is a new way to navigate and explore information on the web. It is what we call a Visual Wiki. It is based on Freebase, an open, shared database of the world's knowledge - in other words a Semantic Wiki. Thinkbase uses a visualization tool (Thinkmap) to create an interactive visual representation of the semantic relationships in Freebase. Thinkbase was developed by Christian Hirsch at the University of Auckland.
More...
Erlang-style concurrency with JavaScript 1.7
Er.js piggybacks on Neil Mix's Thread.js which fakes threading in JavaScript 1.7 using coroutines and nested generator continuations. The goal is to replicate Erlang's concurrent lockless process model and message-passing APIs in JavaScript.
Posted in: mHub, 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!
Posted in: VizLIst, Read More...
Wednesday, June 04, 2008 jsmap - Map Selector for Form Input Fields
This application is a helper script to choose regions and states in XHTML forms. By clicking on the input field you get a map of the surrounding states, and the you can select from the map. The website is available in both english and japanese. The download is free.
Posted in: mHub, Read More...
Today - Visualize Your Cell Phone Activity
Today is a visualization application that resides directly on your cell phone. It shows a variety of activities including incoming calls, outgoing calls both answered, and unanswered. It also shows incoming and outgoing sms messages. The application takes this data and creates a visual map of the day on your phone. While this may not be the first cell phone inherent visualization - it's the first one I've seen. I would love to see this for more phone platforms. Currently, it's only available for Symbian based mobile phones. If you're lucky enough to have one - the sign up, and application download are free.
Posted in: VizLIst, Read More...
Ultra-lightweight Charts For AJAX
"To continue the theme of using seamless Flash/Flex/AJAX applications, here's a really simple example how you can use Flash and AJAX together seamlessly within your applications. Yes, i said Flash, not Flex. In this example I created an ultra-lightweight ActionScript-only charting project that can be used within AJAX applications."
Posted in: mHub, Read More...
Interactive Periodical Table
I've always had trouble understanding the relationship of the elements in the periodic table. This application gives you an understanding of the how those relationships are made. This learning visualization was developed by Adams Brian of Touchspin Design, and is an aid to his own understanding and that of his students. While this is not a new visualization I always like to highlight learning based design. This is a great example. Thanks to Adams and Touchspin.
More...
Page 2 of 43 pages < 1 2 3 4 > Last »
Search
Advanced Search
Stream |
Blog Archives |
DesignDemo |
VizList |
mHub |
About |
News |
Contact
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
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