Skip to content


  1. Telecommunications Visualization

    image “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?”

    Read more

    No comments - Posted in DesignDemo. -

  2. Mapjack – Street View Mapping Visualization

    image “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.”

    Read more

    No comments - Posted in DesignDemo. -

  3. Jiffy Web - Google Code

    “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/

    No comments - Posted in mHub. -

  4. Phototype - Image Manipulation with Javascript

    “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

    No comments - Posted in mHub. -

  5. MIT Reality Mining Visualization

    image “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.”

    Read more

    No comments - Posted in DesignDemo. -

  6. jQuery Script to Automatically Preload images from CSS

    “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/

    No comments - Posted in mHub. -

  7. Creating an Ajax contact form - from start to finish

    “In this tutorial I

    No comments - Posted in mHub. -

  8. Visual Understanding Environment

    image
    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.

    Visit the website

    No comments - Posted in Vizlist. -

  9. Macrosense – Real-Time Location Data

    image “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.”

    Read more

    No comments - Posted in DesignDemo. -

  10. Amazon Bookstore Visualization

    image 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!

    Read more

    No comments - Posted in DesignDemo. -

  11. jQuick - Quick Tag Creator for JQuery

    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/

    No comments - Posted in mHub. -

  12. Using jQuery with Ruby on Rails

    “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

    No comments - Posted in mHub. -

  13. AjaxCRUD - Easy Database Connection Class

    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/

    No comments - Posted in mHub. -

  14. History Flow – Visualizing the Editing History of Wikipedia

    image

    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.

    Visit the website

    No comments - Posted in Vizlist. -

  15. The Sheep Market

    image 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.

    Read more

    No comments - Posted in DesignDemo. -

  16. White Spectrum – Comments Visualization

    image 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.

    Read more

    No comments - Posted in DesignDemo. -

  17. Travel Time Tube Map

    image “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.

    Read more

    No comments - Posted in DesignDemo. -

  18. JavaScriptMVC - Open Source Javascript Framework

    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

    No comments - Posted in mHub. -

  19. Make an Adobe AIR app in Five Minutes

    “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

    No comments - Posted in mHub. -

  20. Code_Swarm – Organic Software Visualization

    image 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.”

    Read more

    No comments - Posted in DesignDemo. -

  21. 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.

    Website: http://dev.base86.com/scripts/vista-like_ajax_calendar_version_2.html

    No comments - Posted in mHub. -

  22. Moodstream – Media Explorer

    image 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.

    Read more

    No comments - Posted in DesignDemo. -

  23. 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.”

    Website: http://spaweditor.com/en/disp.php/en_products/en_spaw/en_spaw_intro

    No comments - Posted in mHub. -

  24. 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.

    Website: http://www.webresourcesdepot.com/sliding-top-menu-with-jquery/

    No comments - Posted in mHub. -

  25. Twitter Spectrum – by Jeff Clark

    image

    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.”

    Visit the website

    No comments - Posted in Vizlist. -