background preloader

Websites as graphs

Websites as graphs
Everyday, we look at dozens of websites. The structure of these websites is defined in HTML, the lingua franca for publishing information on the web. Your browser's job is to render the HTML according to the specs (most of the time, at least). You can look at the code behind any website by selecting the "View source" tab somewhere in your browser's menu. HTML consists of so-called tags, like the A tag for links, IMG tag for images and so on. Since tags are nested in other tags, they are arranged in a hierarchical manner, and that hierarchy can be represented as a graph. I've used some color to indicate the most used tags in the following way: blue: for links (the A tag)red: for tables (TABLE, TR and TD tags)green: for the DIV tagviolet: for images (the IMG tag)yellow: for forms (FORM, INPUT, TEXTAREA, SELECT and OPTION tags)orange: for linebreaks and blockquotes (BR, P, and BLOCKQUOTE tags)black: the HTML tag, the root nodegray: all other tags Update: Here it is: cnn.com boingboing.net

http://www.aharef.info/2006/05/websites_as_graphs.htm

Related:  Data Visualization+mindmappingvisualisation

12 Inspiring Visual Search Engines - jeffthomastechsite 12 Inspiring Visual Search Engines We all know that a picture is worth a thousand words. Beyond the usual lines of text and blue links, visual search engines can present results and relationships that are more quickly grasped, as well as flexible ways to browse and explore. As the web becomes increasingly image- and video-based, it just makes sense to scan certain results visually. Here are 12 visual search engines, each providing a different set of benefits we enjoy. Hopefully you’ll find a few that will come in handy in your next search… Data Visualization: Modern Approaches Data presentation can be beautiful, elegant and descriptive. There is a variety of conventional ways to visualize data – tables, histograms, pie charts and bar graphs are being used every day, in every project and on every possible occasion. However, to convey a message to your readers effectively, sometimes you need more than just a simple pie chart of your results. In fact, there are much better, profound, creative and absolutely fascinating ways to visualize data. Many of them might become ubiquitous in the next few years. So what can we expect?

Action Science Explorer (Formerly iOpener Workbench) Latest News January 2012. Our paper on Action Science Explorer was accepted by JASIST, the Journal of the American Society for Information Science and Technology. See the Publications section below for more details. December 2011. Action Science Explorer was featured in a NSF Discoveries report, "A New Visualization Method Makes Research More Organized and Efficient" (pdf). Home Skip to main content Silverlight Developer Center Sign in United States (English)

Free cell phones games, and Java ME development tutorials » Don’s Mobile Blog Some Simple Text Effects in Java ME January 12th, 2008 The Graphics.drawString() method in MIDP is pretty limited. How to Visualize Data (Graph Types) Brief Overviews of Types of Graphs Representative Visualization Techniques Categorized Graphs Network Visualization Immersion by the MIT Media Lab is a view into your inbox that shows who you interact with via email over the years. Immersion is an invitation to dive into the history of your email life in a platform that offers you the safety of knowing that you can always delete your data.Just like a cubist painting, Immersion presents users with a number of different perspectives of their email data. It provides a tool for self-reflection at a time where the zeitgeist is one of self-promotion. It provides an artistic representation that exists only in the presence of the visitor. It helps explore privacy by showing users data that they have already shared with others. Finally, it presents users wanting to be more strategic with their professional interactions, with a map to plan more effectively who they connect with.

Protovis Protovis composes custom views of data with simple marks such as bars and dots. Unlike low-level graphics libraries that quickly become tedious for visualization, Protovis defines marks through dynamic properties that encode data, allowing inheritance, scales and layouts to simplify construction. Protovis is free and open-source, provided under the BSD License. Expression of Interest Expression of Interest is a project of the Visualization group of the faculty of Mathematics and Computer Science, Technische Universiteit Eindhoven. The project is supported by the VIEW programme of the Netherlands Organisation for Scientific Research (NWO) under research grant no. 643.100.502. The complete project proposal can be found elsewhere here [1], on this page an overview is given. The project has started May 2006, and is carried out by two PhD students.

How to Make an Interactive Network Visualization Networks! They are all around us. The universe is filled with systems and structures that can be organized as networks. Recently, we have seen them used to convict criminals, visualize friendships, and even to describe cereal ingredient combinations. We can understand their power to describe our complex world from Manuel Lima's wonderful talk on organized complexity. Now let's learn how to create our own. designing responsive objects & spaces The Internet is actually not a single network, but a collection of networks all owned by different network service providers and linked using some common protocols. The arrangement of physical connections on a network depends on how you want to route the messages on that network. The simplest way is to make a physical connection from from each object in the network to every other object. That way, messages cab=n get sent directly from one point to another. The problem with this approach is the number of connections gets large very fast, and the connections get tangled.

Related: