“New York Talk Exchange illustrates the global exchange of information in real time by visualizing volumes of long distance telephone and IP (Internet Protocol) data flowing between New York and cities around the world. In an information age, telecommunications such as the Internet and the telephone bind people across space by eviscerating the constraints of distance. To reveal the relationships that New Yorkers have with the rest of the world, New York Talk Exchange asks: How does the city of New York connect to other cities? With which cities does New York have the strongest ties and how do these relationships shift with time? How does the rest of the world reach into the neighborhoods of New York?”
-
Telecommunications Visualization
– June 24, 2008 - No comments - Posted in DesignDemo. -
-
Mapjack – Street View Mapping Visualization
– June 24, 2008 - No comments - Posted in DesignDemo. -
“Mapjack.com showcases a new level of mapping technology. What others have done with NASA budgets and Star Wars-like equipment, we’ve done on a shoestring budget, along with a few trips to Radio Shack. Specifically, we developed an array of proprietary electronics, hardware and software tools that enable us to capture an entire city’s streets with relative ease and excellent image quality. We have a complete low-cost scalable system encompassing the entire work-flow process needed for Immersive Street-Side Imagery, from picture gathering to post-processing to assembling on a Website.”
-
Jiffy Web - Google Code
– June 24, 2008 - No comments - Posted in mHub. -“Jiffy is an end-to-end real-world web page instrumentation and measurement suite. The first beta was released on 6/23/2008, as announced at O’Reilly Velocity 2008. Jiffy was built and is maintained by the WhitePages.com team.”
Website: http://code.google.com/p/jiffy-web/
-
Phototype - Image Manipulation with Javascript
– June 24, 2008 - No comments - Posted in mHub. -“Lately I had same crazy thoughts on coding a javascript wrapper to manipulate images rendered on the server-side. I decided to do some test which eventually resulted in phototype, a client/server-side library, based on prototype, which supports all kinds of image manipulations. On the serverside the library is powered by combination of PHP/GD that renders the image. With phototype, you are able to rotate, resize, flip and do some other cool effects to images.”
Website: http://ajaxorized.com/phototype-image-manipulation-with-javascript
-
MIT Reality Mining Visualization
– June 23, 2008 - No comments - Posted in DesignDemo. -
“Reality Mining defines the collection of machine-sensed environmental data pertaining to human social behavior. This new paradigm of data mining makes possible the modeling of conversation context, proximity sensing, and temporospatial location throughout large communities of individuals. Mobile phones (and similarly innocuous devices) are used for data collection, opening social network analysis to new methods of empirical stochastic modeling.”
-
jQuery Script to Automatically Preload images from CSS
– June 23, 2008 - No comments - Posted in mHub. -“When we first launched the lab, we released a jQuery plugin that automatically preloads all images referenced in CSS files. We’ve found the script to be incredibly helpful in developing snappy applications where images are always ready when we need them. This post describes a significant update to the script which will make it even easier to integrate in existing projects.”
Website: http://www.filamentgroup.com/lab/update_automatically_preload_images_from_css_with_jquery/
-
Creating an Ajax contact form - from start to finish
– June 23, 2008 - No comments - Posted in mHub. -“In this tutorial I
-
Visual Understanding Environment
– June 22, 2008 - No comments - Posted in Vizlist. -
At its core, the Visual Understanding Environment (VUE) is a concept and content mapping application, developed to support teaching, learning and research and for anyone who needs to organize, contextualize, and access digital information. Using a simple set of tools and a basic visual grammar consisting of nodes and links, faculty and students can map relationships between concepts, ideas and digital content.
-
Macrosense – Real-Time Location Data
– June 22, 2008 - No comments - Posted in DesignDemo. -
“Macrosense is the world’s first platform capable of collecting and analyzing massive amounts of anonymous, aggregate location data in real-time. At the heart of Macrosense are powerful machine learning algorithms that process time-stamped location data and metadata streams from heterogeneous sources – GPS, WiFi positioning, cell tower triangulation, RFID and other sensors – and empower companies and investors to better understand and predict human behavior on a macro scale.”
-
Amazon Bookstore Visualization
– June 20, 2008 - No comments - Posted in DesignDemo. -
Have you ever wanted to browse the bookstore shelves online? Zoomii is a visualization where you can do just that. To quote the founder, “Why Zoomii? Because I love bookstores. Spending afternoons wandering the shelves. Happening across great books I didn’t even know existed. But it’s an experience I never found online. Online bookstores are wonderful. They’ve got amazing prices, huge selections, and they’re open all the time. If you know exactly what you want, they’re perfect. But somehow I kept coming back to the bookstore just to browse. Zoomii is my attempt to bring online as much of the real bookstore experience as possible.” The application was created by Chris Thiessen. NIce job!
-
jQuick - Quick Tag Creator for JQuery
– June 20, 2008 - No comments - Posted in mHub. -jQuick is a quick tag creator for jQuery written by Francesco Sullo. “During the development of the first releases of PassPack, I adopted Easy DOM Creation by Michael Geary to quickly manage the DOM elements. But, in january, with the beta4 version of PassPack I needed to overcome Michael’s library’s limits (due to the compatibility with Prototype). So I developed jQuick. I hope you find it useful.”
Website: http://jquick.sullof.com/jquick/
-
Using jQuery with Ruby on Rails
– June 19, 2008 - No comments - Posted in mHub. -“By default, Rails comes packed with the Prototype javascript library and the effects library, Scriptaculous. While this is all well and good sometimes you want a change. I personally prefer jQuery to prototype. I don
-
AjaxCRUD - Easy Database Connection Class
– June 19, 2008 - No comments - Posted in mHub. -AjaxCRUD is an open-source PHP API which allows you to connect to a mySQL database and easily perform the necessary CRUD operations (create, read, update, & delete rows). This PHP class allows you to get the access you need without spending the time and energy on lengthy coding.
Website: http://www.ajaxcrud.com/
-
History Flow – Visualizing the Editing History of Wikipedia
– June 18, 2008 - No comments - Posted in Vizlist. -
History Flow is a tool for visualizing dynamic, evolving documents and the interactions of multiple collaborating authors. In its current implementation, history flow is being used to visualize the evolutionary history of wiki* pages on Wikipedia.
-
The Sheep Market
– June 18, 2008 - No comments - Posted in DesignDemo. -
While this isn’t a new project it is one worth looking at. “The sheep market is a collection of 10,000 sheep created by workers on Amazon’s Mechanical Turk. Each worker was paid $.02 (US) to draw a sheep facing left.” You can also purchase the sheep through the site or email them to a friend. I’m not sure if any were actually sold but the idea of art and commerce is always a nice idea. The project was created by Aeron Koblin in 2006 with flash.
-
White Spectrum – Comments Visualization
– June 18, 2008 - No comments - Posted in DesignDemo. -
The BBC has created a unique way to visualize comments on central question. In this case the question was, (Are white working class people ingored in Britain?). As they state, “spectrum is a different way of presenting a BBC News Have Your Say debate. It allows you to investigate the dabate around BBC 2’s White Season by associating different comments by emotion, location and similarity”. They state in the FAQ that the data is not an opinion poll and is not statistically valid, however, it is a visual way to get an impression of the debate. I enjoyed playing with the filters and clicking on the comments. The key was easy to understand and always there when you need it. The only thing I wish the visualization had was a way to tell which comments I had already clicked on while using any filter. Overall, very well done and engaging.
-
Travel Time Tube Map
– June 18, 2008 - No comments - Posted in DesignDemo. -
“Click on or select from the dropdown a station to see the London Underground map reorganise around the times of travel from that station. Shortest paths are used to place the other stations – radius is proportional to time to travel, and angle should be correct for as-the-crow-flies direction on a map. The concentric circles are at 10 minute intervals. Press ‘g’ to get back to the geographical tube map.” This project was created by Tom Carden with the Processing Visualization Language.
-
JavaScriptMVC - Open Source Javascript Framework
– June 18, 2008 - No comments - Posted in mHub. -JavaScriptMVC is a framework that brings methods to the madness of JavaScript development. It guides you to successfully completed projects by promoting best practices, maintainability, and convention over configuration.
Website: http://javascriptmvc.com/index.html
-
Make an Adobe AIR app in Five Minutes
– June 17, 2008 - No comments - Posted in mHub. -“The Adobe Integrated Runtime (AIR) is quite a hot topic among web developers. And well it might be! With AIR, Adobe’s new desktop-based web application system, desktop applications can now be built with the technologies web developers have been using for years–plain old HTML, CSS, and JavaScript. In this tutorial, I’ll show you how to do exactly that: build a simple web-based application for the desktop with Adobe AIR.”
Website: http://www.sitepoint.com/article/adobe-air-todo-list-5-minutes
-
Code_Swarm – Organic Software Visualization
– June 16, 2008 - No comments - Posted in DesignDemo. -
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.”
-
Vista-like Ajax Calendar
– June 16, 2008 - No comments - Posted in mHub. -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.
Website: http://dev.base86.com/scripts/vista-like_ajax_calendar_version_2.html
-
Moodstream – Media Explorer
– June 13, 2008 - No comments - Posted in DesignDemo. -
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.
-
SPAW Editor - Browser Based WYSIWYG Editor
– June 13, 2008 - No comments - Posted in mHub. -“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.”
Website: http://spaweditor.com/en/disp.php/en_products/en_spaw/en_spaw_intro
-
Sliding Top Menu With jQuery
– June 13, 2008 - No comments - Posted in mHub. -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.
Website: http://www.webresourcesdepot.com/sliding-top-menu-with-jquery/
-
Twitter Spectrum – by Jeff Clark
– June 13, 2008 - No comments - Posted in Vizlist. -
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.”