“If you’re using Ajax, you should give hints to the user when a request to the server is being made, and you should tell him if something goes wrong. Gmail does this really well. Here’s how I coded it.”
This awesome project was created by Sebastian Deutsch to visualize Twitter streams sync’d to music using HTML5 and Processing.
“We’ve created a litttle experiment which loads 100 tweets related to HTML5 and displays them using a javascript-based particle engine. Each particle represents a tweet – click on one of them and it’ll appear on the screen”.
Read more
“With browsers rendering JavaScript faster than ever before, it’s a great opportunity to get creative with jQuery. This tutorial will show how to create a scrolling 3D tag cloud…it’s not as difficult as you might think.”
“A simple visualization of IRC communication behavior: Who is talking to whom? Or, more appropriately: Who is namedropping whom?
Read more
If you have used Google Reader, then you might have noticed the way Google Reader shows feed items, it loads up few items first when you click on a feed and as you scroll down to view more items, it fetches more items dynamically and adds it to the list.
“My final year project in information design. Two big (200cm x 90cm, 80 x 36 inch) posters show the variety and attitudes of members from an internet community like MySpace.
On the first poster you can see the functions used, as well as additional information such as age, educational background, family status, gender and how often they are logged in. So, all demographic data which are available from every member’s profile.
The second poster gives you an overview of the geographic position, based on a map. You can see where the members are distributed. The aim was to give the management the opportunity to know much more about the members than would have been possible with a simple scan of their database only”.
“The looks del.icio.us project is my first attempt to combine graphics design with programming. The concept is to see how users develop and sustain their tagging methodologies on del.icio.us.
“Bumpbox is another lightbox clone with a few advantages over other lightboxes – it supports not only all common media types but also PDF’s.
Yet, the integration and implementation on your own site is pretty simple. Just add the scripts to your head section, add classes to your links that should use bumpbox, define a rel tag with the size that the bumpbox should have and you’re ready to roll.
Bumpbox automatically detects what kind of filetype you wish to show in the box, so you do not need to specify the type, easing the process of integration”.
“The landscape of British eating has changed dramatically in the last three decades. In the above interactive visualisation, we’ve documented the changing face of our grocery shopping, whether it be the rise and rise of the banana, the decline of liver, the growth of the ready meal, or the determined plod of the pork sausage. The data comes from DEFRA, which keeps an extraordinarily rich, but mostly dormant, archive on its website. We’ve brought it to life with what we think is an innovative tool, produced with the help our designer, Marcin Ignac. The icons on the left represent 5 main food ‘types’ – fats, fish, fruit, meat and vegetables. Click on any section of the donut to see how consumption of that food group has changed, or scroll along the time line for any one food to see its percentage share change in the donut”.
Read more
The Visualization Toolkit (VTK) is an open-source, freely available software system for 3D computer graphics, image processing and visualization. VTK consists of a C++ class library and several interpreted interface layers including Tcl/Tk, Java, and Python. Professional support and products for VTK are provided by Kitware. VTK supports a wide variety of visualization algorithms including scalar, vector, tensor, texture, and volumetric methods; and advanced modeling techniques such as implicit modeling, polygon reduction, mesh smoothing, cutting, contouring, and Delaunay triangulation. Additionally, VTK has an extensive information visualization framework, has a suite of 3D interaction widgets, supports parallel processing, and integrates with various databases on GUI toolkits such as Qt and Tk. VTK is cross-platform and runs on Linux, Windows, Mac and Unix platforms.
“VisIt is a free interactive parallel visualization and graphical analysis tool for viewing scientific data on Unix and PC platforms. Users can quickly generate visualizations from their data, animate them through time, manipulate them, and save the resulting images for presentations. VisIt contains a rich set of visualization features so that you can view your data in a variety of ways. It can be used to visualize scalar and vector fields defined on two- and three-dimensional (2D and 3D) structured and unstructured meshes. VisIt was designed to handle very large data set sizes in the terascale range and yet can also handle small data sets in the kilobyte range”.
Read more
“The OECD countries are displayed in 4 views for TL2 in start-up mode – each view represents a continent. A set of indicators is pre-loaded for this territorial level. The scatter plot shows 4 indicators. The indicatos´ names are shown along the two axes in the selection boxes. The selection box for the dot size is found above the scatter plot together with a slider controlling the size of the dot. Storytelling is available in the right view. Three stories are pre-loaded: TL2, TL3″
Read more
This tutorial about my favorite place Dzone like data loading while page scrolling down with jQuery and PHP. We have lots of data but can not display all. This script helps you to display little data and make faster your website.
“This project is a Prefuse flare based visualization of the graph of influence nodes on freebase.com. The Genealogy of Influence project was started by Mike Love in the summer of 2005. In July 2007, Mike added the data to Freebase and ever since it is now growing on freebase.com on a daily basis through input of the freebase”.
Read more
Upload small or large data sets from spreadsheets or CSV files. Visualize your data on maps, timelines and charts. Pick who can access your data; hide parts of your data if needed. Merge data from multiple tables. Discuss your data with others. Track changes and discussions.
“A StreamGraph is shown for the latest 1000 tweets which contain the search word. The default search query is ‘data visualization’ but a new one can be typed into the text box at the top of the application. You can also enter a Twitter ID preceded by the ‘@’ symbol to see the latest tweets from that user. A parameter to the URL can be used to specify the initial search word. For example, use http://www.neoformix.com/Projects/TwitterStreamGraphs/view.php?q=coffee to see the latest tweets about coffee.”
Read more
In a perfect world cross-browser AJAX requests would just work, unfortunately they do not. Attempting to request remote files with AJAX will cause errors in the script and can be a pretty big hurdle in some cases and can be very frustrating. However, there are a few things that I have come across, in looking for a solution to this, that I would like to share.
“Valence is a set of software sketches about building representations that explore the structures and relationships inside very large sets of information”. This project was created by the awesome Ben Fry.
Read more
“The Google Visualization API lets you access multiple sources of structured data that you can display, choosing from a large selection of visualizations. Google Visualization API enables you to expose your own data, stored on any data-store that is connected to the web, as a Visualization compliant datasource. Thus you can create reports and dashboards as well as analyze and display your data through the wealth of available visualization applications. The Google Visualization API also provides a platform that can be used to create, share and reuse visualizations written by the developer community at large. ”
This project was an MFA thesis in computer graphics by Yuri Lee at the Rochester Institute of Technology. The goal of the project is to visualize the relationships between cultural contexts and the preferences of numbers in interactive and dynamic ways
Read more