Web Trend Map 2007 Version 2.0

by Oliver Reichenstein We have done it before: the 200 most successful websites pinned down on the Tokyo Metro Map, ordered by category, proximity, success, popularity and perspective. Now we have done it again — and better. Back by popular demand: here is iA’s next Web Trend Map: Download It! We figured that this would make a nice desktop background image as well. What’s New? First of all, the new Trend Map features many more websites than the previous one. More Consistency The different trend lines have been renamed, simplified and cleaned up. More Lines The original raster (Tokyo metro map) has been substantially modified to fit the needs of an Internet Trend Map. Less Japanese Jokes There are less insider jokes about the different stations and more consistency between the connections and the neighborhoods of the different sites. Google has moved from Shibuya, a humming place for young people, to Shinjuku, a suspicious, messy, Yakuza-controlled, but still pretty cool place to hang out (cf.

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 cnn.com boingboing.net apple.com yahoo.com

Datavisualization Visualizing Friendships Language communities of Twitter (European detail) FlowingData | Data Visualization, Infographics, and Statistics TNS Digital Life | Internet Statistics & Social Media Usage | Online Behavior & Trends