Max Kiesler - Designer
Activity Stream From All My Blogs
SubscribeWednesday, May 07, 2008
Real-Time San Francisco Bay Wind Pattern
San Francisco is a very windy city. Because I live here I'm always very curious about the wind patterns. Now because of Francis Ludwig along with some code provided by Nick Thompson I have a way to visualize this. As Francis states, "This new visualization scheme was devloped independently by Nick Thompson who has kindly allowed us use of it. While this may initialy appear to be a time-series animation it is instead a dynamic rendering of particle streaklines. Rather than evolving through time the animation is describing the flow of the wind at a given time."
Blog: DesignDemo -
(0) Comment(s) -
Read More...
San Francisco is a very windy city. Because I live here I'm always very curious about the wind patterns. Now because of Francis Ludwig along with some code provided by Nick Thompson I have a way to visualize this. As Francis states, "This new visualization scheme was devloped independently by Nick Thompson who has kindly allowed us use of it. While this may initialy appear to be a time-series animation it is instead a dynamic rendering of particle streaklines. Rather than evolving through time the animation is describing the flow of the wind at a given time."
JavaScript Information Visualization Toolkit (JIT)
The JIT is an advanced JavaScript infovis toolkit that was based on 5 papers regarding different information visualization techniques. The JIT implements advanced features of information visualization like Treemaps (with the slice and dice and squarified methods), an adapted visualization of trees based on the Spacetree, a focus+context technique to lay Hyperbolic Trees, and a radial layout of trees with advanced animations (RGraph).
Blog: mHub - Read More...
The JIT is an advanced JavaScript infovis toolkit that was based on 5 papers regarding different information visualization techniques. The JIT implements advanced features of information visualization like Treemaps (with the slice and dice and squarified methods), an adapted visualization of trees based on the Spacetree, a focus+context technique to lay Hyperbolic Trees, and a radial layout of trees with advanced animations (RGraph).
Blog: mHub - Read More...
All of Inflation’s Little Parts
This is a New York Times data visualization of all of the categories and prices that make up the U.S. Governments inflation numbers. As they say, "Each month, the Bureau of Labor Statistics gathers 84,000 prices in about 200 categories -- like gasoline, bananas, dresses and garbage collection -- to form the Consumer Price Index, one measure of inflation." I found some very compelling data here. Such as the high price of oil is a large factor in rising food prices. The page is worth checking out.
Blog: VizLIst - (0) Comment(s) - Read More...
This is a New York Times data visualization of all of the categories and prices that make up the U.S. Governments inflation numbers. As they say, "Each month, the Bureau of Labor Statistics gathers 84,000 prices in about 200 categories -- like gasoline, bananas, dresses and garbage collection -- to form the Consumer Price Index, one measure of inflation." I found some very compelling data here. Such as the high price of oil is a large factor in rising food prices. The page is worth checking out.
Blog: VizLIst - (0) Comment(s) - Read More...
Ajax Performance Analysis
Asynchronous JavaScript + XML (Ajax) continues to raise user expectations for interactivity and performance, and developers are increasingly treating Ajax as a must-have component of their Web applications. As more code is moved client side and the network model changes, the community is responding by building more tools to address the unique performance challenges of Ajax. Examine toolsets that find and correct performance problems within your Ajax-enriched applications.
Blog: mHub - Read More...
Monday, May 05, 2008
Asynchronous JavaScript + XML (Ajax) continues to raise user expectations for interactivity and performance, and developers are increasingly treating Ajax as a must-have component of their Web applications. As more code is moved client side and the network model changes, the community is responding by building more tools to address the unique performance challenges of Ajax. Examine toolsets that find and correct performance problems within your Ajax-enriched applications.
Blog: mHub - Read More...
Monday, May 05, 2008
Relational Music Discovery
I spend most of my days and nights in front of the computer screen. Needless to say I listen to countless hours of music. I'm always looking for new music to listen to, and face it, iTunes can only get you so far with it's rather limited discovery features. Recently, I've turned to relational, and visual music discovery engines to find more tunes that related to my current musical tastes.
Blog: Max Kiesler - (2) Comment(s) - Read More...
Sunday, May 04, 2008
I spend most of my days and nights in front of the computer screen. Needless to say I listen to countless hours of music. I'm always looking for new music to listen to, and face it, iTunes can only get you so far with it's rather limited discovery features. Recently, I've turned to relational, and visual music discovery engines to find more tunes that related to my current musical tastes.
Blog: Max Kiesler - (2) Comment(s) - Read More...
Sunday, May 04, 2008
TweetWheel - Twitter Social Graph
The idea of the the social graph was written about by Brad Fitzpatrick where he defined it as "the global mapping of everybody and how they're related". This is what TweetWheel does for Twitter. It shows you all of your friends and how they're connected to each other. The load is a bit slow, however, it's worth the wait. Nice job to the developers.
Blog: VizLIst - (0) Comment(s) - Read More...
Saturday, May 03, 2008
The idea of the the social graph was written about by Brad Fitzpatrick where he defined it as "the global mapping of everybody and how they're related". This is what TweetWheel does for Twitter. It shows you all of your friends and how they're connected to each other. The load is a bit slow, however, it's worth the wait. Nice job to the developers.
Blog: VizLIst - (0) Comment(s) - Read More...
Saturday, May 03, 2008
New Search Visualizations Paradigms
I really like to search the web. I search because I'm curious. I search because I need specific information. When I need to find something specific I still go to Google. When I'm curious, and searching for entertainment sake I go to visual, faceted, and relational search engines. There are many ways to search the web these days that are not just liner. Today searches can now be based on context, color, relationship, and even child safe content.
Blog: Max Kiesler - (5) Comment(s) - Read More...
Thursday, May 01, 2008
I really like to search the web. I search because I'm curious. I search because I need specific information. When I need to find something specific I still go to Google. When I'm curious, and searching for entertainment sake I go to visual, faceted, and relational search engines. There are many ways to search the web these days that are not just liner. Today searches can now be based on context, color, relationship, and even child safe content.
Blog: Max Kiesler - (5) Comment(s) - Read More...
Thursday, May 01, 2008
Improve Form Usability With Auto Messages
This tutorial explains how to improve form usability adding an auto message which appears and disappears with a nice fade-in and fade-out effect when an user select a field.
Blog: mHub - Read More...
This tutorial explains how to improve form usability adding an auto message which appears and disappears with a nice fade-in and fade-out effect when an user select a field.
Blog: mHub - Read More...
Worldometers - World Statistics in Real Time
There is a current trend in visualizations to show trends, and statistics to let us all know what is going in the world we live in, and I for one applaud it. Worldometers shows real time numbers created by an, "algorithm that processes the latest and most accurate statistical data available together with its estimated progression to compute the current millisecond number to be displayed on each counter based on the specific time set on each visitor’s computer clock." Var cool. The most interesting thing about this site is the disparagy in the statistics. For example, the difference in energy produced this year (3,950,168,504) and the amount of solar energy striking the earth this year (908,355,014,564). BTW, these change every millisecond so by the time the post was finished the numbers had gone up significantly. This site reminds me of a large lED sign that was up in NYC for some time that showed the U.S. National Debt. Every time I walked past it made me think. This site does the same thing. Check it out and think about the numbers you see.
Blog: DesignDemo -
(0) Comment(s) -
Read More...
Tuesday, April 29, 2008
There is a current trend in visualizations to show trends, and statistics to let us all know what is going in the world we live in, and I for one applaud it. Worldometers shows real time numbers created by an, "algorithm that processes the latest and most accurate statistical data available together with its estimated progression to compute the current millisecond number to be displayed on each counter based on the specific time set on each visitor’s computer clock." Var cool. The most interesting thing about this site is the disparagy in the statistics. For example, the difference in energy produced this year (3,950,168,504) and the amount of solar energy striking the earth this year (908,355,014,564). BTW, these change every millisecond so by the time the post was finished the numbers had gone up significantly. This site reminds me of a large lED sign that was up in NYC for some time that showed the U.S. National Debt. Every time I walked past it made me think. This site does the same thing. Check it out and think about the numbers you see.
Tuesday, April 29, 2008
Twistori - Streaming Thoughts From Twitter
Amy Hoy and Thomas Fuchs have created a great twitter mash-up called Twistori. As they state in the footer of the website it was inspired by the Jonathan Harris app We Feel Fine. The app draws it's data from another twitter mash-up Summize. I have a positive bias towards Twistori as I love streaming data. I feel it's very engaging and immersive to view data this way - I spent way too much time on Twittervision, Digg Spy and The Artist Network Visualization when they first came out. From an interaction standpoint the only two features I would like to see is a pause button and the ability to click on the tweet and go to twitter. All in all a fun and engaging website.
Blog: DesignDemo -
(0) Comment(s) -
Read More...
Monday, April 28, 2008
Amy Hoy and Thomas Fuchs have created a great twitter mash-up called Twistori. As they state in the footer of the website it was inspired by the Jonathan Harris app We Feel Fine. The app draws it's data from another twitter mash-up Summize. I have a positive bias towards Twistori as I love streaming data. I feel it's very engaging and immersive to view data this way - I spent way too much time on Twittervision, Digg Spy and The Artist Network Visualization when they first came out. From an interaction standpoint the only two features I would like to see is a pause button and the ability to click on the tweet and go to twitter. All in all a fun and engaging website.
Monday, April 28, 2008
Searchme - Visual Search Engine
Searchme is new search visualization which lets you see the webpage before you surf there. The idea is pretty neat. As you start to enter a search term you are shown a list of categories that are associated with that term. You can either choose a category, or search all categories. The results are shown in "coverflow" paradigm. You can still sort by category, or just click though the "coverflow" of all of the pages. I love the idea and the execution, however, from a user interface perspective there are a few interactions that would help the UI a great deal. For example, a full screen mode would make seeing the webpages much more useful. Even with a 30 inch Apple HD monitor the pages are a little hard to read. If searchme added a high-rez full screen mode or a way to magnify the page images it would give me a way to see the page relevance to my search. One step beyond that would be to show the highlighted search term(s) on each page as it flew by. Props out to the developers/designers! In my opinion it just needs a little UX love and then we could have a real winner.
Blog: DesignDemo -
(1) Comment(s) -
Read More...
Searchme is new search visualization which lets you see the webpage before you surf there. The idea is pretty neat. As you start to enter a search term you are shown a list of categories that are associated with that term. You can either choose a category, or search all categories. The results are shown in "coverflow" paradigm. You can still sort by category, or just click though the "coverflow" of all of the pages. I love the idea and the execution, however, from a user interface perspective there are a few interactions that would help the UI a great deal. For example, a full screen mode would make seeing the webpages much more useful. Even with a 30 inch Apple HD monitor the pages are a little hard to read. If searchme added a high-rez full screen mode or a way to magnify the page images it would give me a way to see the page relevance to my search. One step beyond that would be to show the highlighted search term(s) on each page as it flew by. Props out to the developers/designers! In my opinion it just needs a little UX love and then we could have a real winner.
Glossary Visualization V3 by Moritz Stefaner
Another great visualization example by Moritz. This is basically an interactive network graph that was made for the EU project MACE, for visualizing expert vocabulary for metatagging architectural contents. "The vocabulary contains more than 2000 terms, organized hierarchically in a number of facets and fields." The examples were created using the flare visualization toolkit and the NodeLinkTreeLayout algorithm. There are currently four examples on his website.
Blog: VizLIst - (0) Comment(s) - Read More...
Monday, November 19, 2007
Another great visualization example by Moritz. This is basically an interactive network graph that was made for the EU project MACE, for visualizing expert vocabulary for metatagging architectural contents. "The vocabulary contains more than 2000 terms, organized hierarchically in a number of facets and fields." The examples were created using the flare visualization toolkit and the NodeLinkTreeLayout algorithm. There are currently four examples on his website.
Blog: VizLIst - (0) Comment(s) - Read More...
Monday, November 19, 2007
Designing Visualizations for Time-Based Data
Most interaction designers understand the concept of timelines and other time-based data. Blogs, calendars, and to-do lists are all examples of time-based data. However, if you are trying to fit 400 data points into a 1024 x 726 screen you'll quickly see how challenging time-base data can be. Currently, many interaction designers are turning to visualizations to overcome many of the issues associated with this form of data representation. Below you'll find a list of some of the best time-based visualizations on the web.
Blog: Max Kiesler - (6) Comment(s) - Read More...
Most interaction designers understand the concept of timelines and other time-based data. Blogs, calendars, and to-do lists are all examples of time-based data. However, if you are trying to fit 400 data points into a 1024 x 726 screen you'll quickly see how challenging time-base data can be. Currently, many interaction designers are turning to visualizations to overcome many of the issues associated with this form of data representation. Below you'll find a list of some of the best time-based visualizations on the web.
Blog: Max Kiesler - (6) Comment(s) - Read More...
Box2D Physics Engine
Are you looking to add the z-axis to your simulations? Well I've tried thinking in 3D, but it still escapes me. Box2D is an open source physics engine written primarily for games. As the name suggests, Box2D is a purely 2D engine. However, Box2D has grown beyond it's humble box simulating roots, and can now handle convex polygons and other shapes coming soon.
Blog: DesignDemo -
(0) Comment(s) -
Read More...
Sunday, November 18, 2007
Are you looking to add the z-axis to your simulations? Well I've tried thinking in 3D, but it still escapes me. Box2D is an open source physics engine written primarily for games. As the name suggests, Box2D is a purely 2D engine. However, Box2D has grown beyond it's humble box simulating roots, and can now handle convex polygons and other shapes coming soon.
Sunday, November 18, 2007
Ajax PHP tutorial
In this article I will try to summarize the basics of Ajax and PHP communication. At the and you can find a full working Ajax - PHP example.
Blog: mHub - Read More...
In this article I will try to summarize the basics of Ajax and PHP communication. At the and you can find a full working Ajax - PHP example.
Blog: mHub - Read More...
Graffiti Archaeology
Graffiti Archaeology is a project devoted to the study of graffiti-covered walls as they change over time. The core of the project is a timelapse collage, made of photos of graffiti taken at the same location by many different photographers over a span of several years. The photos were taken in San Francisco, New York, Los Angeles and other cities, over a timespan from the late 1990's to the present. Using the grafarc explorer, you can visit some classic graffiti spots, see what they looked like in the past, and explore how they have changed over the years.
Blog: DesignDemo -
(0) Comment(s) -
Read More...
Graffiti Archaeology is a project devoted to the study of graffiti-covered walls as they change over time. The core of the project is a timelapse collage, made of photos of graffiti taken at the same location by many different photographers over a span of several years. The photos were taken in San Francisco, New York, Los Angeles and other cities, over a timespan from the late 1990's to the present. Using the grafarc explorer, you can visit some classic graffiti spots, see what they looked like in the past, and explore how they have changed over the years.
AJAX Your Blog - Plugins, Source Code, and Tutorials
I started this blog around the same time AJAX was introduced by Adaptive Path's Jesse James Garrett. At the time there were no out of the box add-on's for blogs. Fortunately, now there are a plethora of plugins, source code, and tutorials designed for specific blog software. The following is a list of AJAX components you can add to Wordpress, Expression Engine, and Moveable Type.
Blog: Max Kiesler - (0) Comment(s) - Read More...
I started this blog around the same time AJAX was introduced by Adaptive Path's Jesse James Garrett. At the time there were no out of the box add-on's for blogs. Fortunately, now there are a plethora of plugins, source code, and tutorials designed for specific blog software. The following is a list of AJAX components you can add to Wordpress, Expression Engine, and Moveable Type.
Blog: Max Kiesler - (0) Comment(s) - Read More...
Osprey - Visualization Platform
Osprey is a software platform for visualizations of complex interaction networks. Osprey builds data-rich graphical representations from Gene-Ontology (GO) annotated interaction data maintained by The GRID.
Blog: VizLIst - (0) Comment(s) - Read More...
Thursday, November 15, 2007
Osprey is a software platform for visualizations of complex interaction networks. Osprey builds data-rich graphical representations from Gene-Ontology (GO) annotated interaction data maintained by The GRID.
Blog: VizLIst - (0) Comment(s) - Read More...
Thursday, November 15, 2007
AxsJAX - Access-Enabling AJAX
AJAX techniques have helped Web developers create live applications within Web browsers. The AxsJAX framework helps inject accessibility features into these applications so that users of adaptive technologies such as screen readers and self-voicing browsers experience the same level of interactivity that is now taken for granted by users of Web 2.0 applications.
Blog: mHub - Read More...
AJAX techniques have helped Web developers create live applications within Web browsers. The AxsJAX framework helps inject accessibility features into these applications so that users of adaptive technologies such as screen readers and self-voicing browsers experience the same level of interactivity that is now taken for granted by users of Web 2.0 applications.
Blog: mHub - Read More...
Graphviz - Graph Visualization Software
"Graph visualization is a way of representing structural information as diagrams of abstract graphs and networks. Automatic graph drawing has many important applications in software engineering, database and web design, networking, and in visual interfaces for many other domains. Graphviz is open source graph visualization software. It has several main graph layout programs. See the gallery for some sample layouts. It also has web and interactive graphical interfaces, and auxiliary tools, libraries, and language bindings."
Blog: VizLIst - (0) Comment(s) - Read More...
Page 1 of 40 pages 1 2 3 > Last »
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
"Graph visualization is a way of representing structural information as diagrams of abstract graphs and networks. Automatic graph drawing has many important applications in software engineering, database and web design, networking, and in visual interfaces for many other domains. Graphviz is open source graph visualization software. It has several main graph layout programs. See the gallery for some sample layouts. It also has web and interactive graphical interfaces, and auxiliary tools, libraries, and language bindings."
Blog: VizLIst - (0) Comment(s) - Read More...
Page 1 of 40 pages 1 2 3 > Last »
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