Prototip - Tooltips for Prototype
Prototip allows you to easily create both simple and complex tooltips using the Prototype javascript framework. If you also use Scriptaculous you can even add some nice effects to them.
Website: http://www.nickstakenburg.com/projects/prototip/
Overlapper – Movie Analyzer
“In the movie world there are a lot of close relationships between people belonging to this environment. This work aims to explore a data set in order to find these relationships by using different visualization techniques. Visualization tools can be used to explore a huge quantity of data and find some relevant information by interacting and putting together some visualization techniques, filtering data by applying different criteria. Our proposal is a visualization framework with simultaneous visualizations that are able to overlap different data subsets in a force graph in order to find the relationships between people involved in different movies. Our proposal is a visualization framework with simultaneous visualizations that is able to overlap different data subsets in a force graph in order to find the relationships between people involved in different movies.”Visit the website
Interactive Map of the Entire Internet
The demo is a map of the entire Internet. As the devloper stated, “At the moment we’re displaying the owner of each IP address (grey boxes), and which IP addresses are listed on the Spamhaus XBL blacklist (red dots), but we should be able to show other things in the future. Currently, we map all 4,294,967,296 IP addresses onto a huge image and let you zoom into it and pan around. Just like google maps, but more internetty. We’ve taken snapshots of the internet routing table (from CAIDA for this demo, but we’d probably use a local BGP feed out of preference) to work out who owns each IP address, and a snapshot of the Spamhaus XBL as some interesting data to overlay on the map. Then we use a Hilbert curve to map those addresses onto a two-dimensional …
FancyForm - Javascript Checkbox Replacement
FancyForm is a powerful checkbox replacement script used to provide the ultimate flexibility in changing the appearance and function of HTML form elements. It’s easy to use and degrades gracefully on all older, non-supporting browsers.n
Website: http://lipidity.com/fancy-form/
AutoSuggest: An AJAX Auto-Complete Text Field
The AutoSuggest class adds a popdown menu of suggested values to a text field. The user can either click directly on a suggestion to enter it into the field, or navigate the list using the up and down arrow keys, selecting a value using the tab key. The values for the suggestion list are to provided as XML (by a PHP script, or similar).n
Website: http://www.brandspankingnew.net/archive/2006/08/ajax_auto-suggest_auto-complete.html
Skyrails – Visualization System
“Skyrails is a social network (or any graph really) visualization system. It has a built in programming language for processing (as far as visualisation attributes goes) the graph and its attributes. The system is not only aimed at expert users though, because through the scripting languages menus can be built and the system can be used by any users. The main distinguishing point of the system comes from the built in scripting language, the added flexibility of how to represent attributes (nodes can be binded to planes and spheres based on their attributes) and the scriptability of the user interface system. This makes skyrails ideal for creating presentations targeted at the average users.”Visit the website
Visualizing Gaps in Time-Based Lists by Well-Formed Data
Another great interface by Moritz Stefaner of Well-formed data, as he stated, “As a side product of my work on web feed visualization, I made a small comparison of different ways to deal with temporal information in lists of microcontent, such as e.g. blog entries. To support my argument, I also made small demonstrator based on actual web feed data. It takes a while to load (~700k of data), so please be patient. On the left, you have a menu for selecting different feeds. On the right, I drew a connection of each item to a calendar with fancy curved lines. You can adjust the size of the displayed items with the zoom slider.””
ASP.NET AJAX - AJAX Framwork
Build next-generation Web interfaces with a full suite of ComponentOne AJAX-enabled ASP.NET components that fully interoperate with the Microsoft ASP.NET AJAX 1.0 Framework.
Website: http://asp.net/ajax/
vegUI - Javascript AJAX Framework
vegUI is a javascript AJAX framework and widget-collection that allows you to build dynamic web applications that are also fast and flexible.
Website: http://www.vegui.org/
Learning AJAX & Javascript by Example – Tutorials, Source-Code and Documentation
I learn the best by example, so I read about, and try, as many AJAX and Javascript examples as I can find. Below you’ll find a short list of the AJAX tutorials and examples that I’ve seen recently. They have all been organized by category with the exception of the “General” category which includes some example that didn’t lend themselves to a vertical. Please let me know through email or a comment if you know of any other great AJAX tutorials, and I’ll be glad to post them. Also special thanks to all of the folks who produced all of these great free learning experiences. “Most of the descriptions below are taken from the developers of the example. Thanks.”rn
AJAX and XML
“Ajax and XML: Five Ajax Anti-Patternsrn”You can learn a lot about how to do things correctly by understanding how things …