Visual Web 2.0: Tools & Resources
Categories: Visual Web, Web 2.0, Web Semantics
Written By: Vardaan
In IndianWeb2.com’s previous post of Visualize Your Web, Bookmarks, Tags and Blogosphere, I have posted about two very good example of web 2.0/ mashups of del.icio.us tags and blogosphere by Sixpli and Twingly.com respectively. Now here are some more and bunch of resources, tools and websites dealing with mashing up with visual web 2.0, visual web semantics mashups sites, apps and tools etc.
So here is the list -
- Walk2Web - Walk2Web is a visualization tool that shows graphical link structure of URL entered and sites linked to it and let you surf these sites as if you are walking along these linked sites and at the same you can see screenshot of these sites.
- Websites as Graph - It makes a Graph of Websites by providing URL of website which then convert the HTML code of any webpage into Tree/ Nodes like graph structure where colors represent various tags of webpage source code.
- Scriptaculous - script.aculo.us provides you with easy-to-use, cross-browser
user interface JavaScript libraries to make your websites and web applications for e.g. - Drag and Drop AJAX box, Slide in/out, Autocompleting AJAX text fields, Sortable elements w/AJAX callback, Combination Effects Demo. One of my favorite and best for Web 2.0 geek webmasters. See - Demos. - Web2DNA Art Project - It analyze the provided Website URL, crunch it to little bits and spit it out as a graphic representation of a human DNA. Here also HTML tags are analyzed and converted to artwork, where a semantically rich site will appear brighter than one with messy old-style code.
Here is a IndianWeb2.com DNA Graph:-

- Digg Labs’ Arc - Look beneath the surface of Digg activity, a stunning interface where circles arrange themselves as users digg the stories along with story title within the center of the circle. Also available download of its desktop service for Windows (Here) and Mac (Here) users.

- TouchGraph Google Browser -A Java based online app that reveals the network of connectivity between websites in mashed like graph structure, as reported by Google’s related website, as well as by entering search term.
- LightBox2 - Lightbox an Image overlay app by Lokesh Dhakar has used scriptaculous effects library, its a simple, unobtrusive script used to overlay images on the current page. It’s a snap to setup and works on all modern browsers.
-
Earthquake 3D Screensaver - EarthQuake 3D is a screensaver app to display world’s last 20 significant earthquakes, up to seven days of global earthquake activity. One can zoom and spin the globe on destop while seeing earthquake activity in 3D and in near real time including quake depth, clusters, and Richter scale magnitude.
- Tagnautica -
- Flickr Related Tag Browser - As name says it all, this is another Flickr mashup very similar to Tagnautica but this time with some zoom effects with picture thumbnails in center of a circle of related tags.
- Bubblesnaps - Bubblesnap is an online fun tool to upload images and add quotaions to images in form of speaking bubbles and send/ share it with your friends.
- WebSnapr 2.0 - It lets you take screenshots thumbnails of almost any website by providing website url and your choice of screenshot/ thumbnail size. There is also WordPress plugin for WebSnapr service in WP blogs.
- Grapheety -A mashup of Google Maps based site to browse location, submit story for particular location on map, tag it and upload images for tagged location and share it with your friends.
- SemaMySpace - Comment Flow - A tool from MIT media lan to visualize social
network, show activity, information exchange among the users of these social networks. The network layout of graph is such that node represent users’ profiles, edges represent friend-links and information exchange are comments they passes to each other with repect to age and sequence of comments.
Resources & Tools -
- 16 Awesome Data Visualization Tools (mashable.com) - An impressive list of 16 apps that relates to visualizing content and data (via- mashable.com).
- Web 2.0 Icons, Logos & Templates - A great jumbo resource of free Web 2.0 icons, Logos, badges and templates, bloggers’ Icons as Adobe photoshop PSD files as well as Microformat Icons, simply a treasure for all those Web 2.0 obsessed designers, website owners and bloggers.
-
AJAX13 - A web-based applications tools written using the AJAX based
methodology. Tools include ajaxWrite - a web based word processor, similarily ajaxXLS, ajaxTunes and ajax presents. - Miniajax - A collection of tools resources to implement Ajax based application in your website. A collection of simple downloadable DHTML and Ajax scripts to integrate nice looking Ajax ‘Contact forms’, Ajax Tooltip, ajax popup window, ajax based slide show script and more. A great resource for Web 2.0 obsessed website owners.
If i am missing any worth full resource or website that need to be here, among Visual Web 2.0 Tools & Resources do make a comment and help this post in making never ending post.










October 3rd, 2007 at 2:31 am
Adobe’s http://kuler.adobe.com is user generated color theme maker plus API, a good one for any visual web resources.