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. 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 Here I post a couple of screenshots, and I plan to make the app available as an applet, so that anybody can look at their websites in a new way. cnn.com boingboing.net apple.com

Home Skip to main content Silverlight Developer Center Sign in United States (English) © 2014 Microsoft. Newest Webcams These webcams have been found automatically on the net. For one reason or another these streams are publicly accessible, even when that seems surprising. We do not hack people's passwords. We simply locate cams hiding away in search engines, grab a snapshot, and present them to you here. The snapshots update every few hours. Hammerfest Arktisk Kultu...Norway | Finnmark | Hammerfest Embry-Riddle Aeronautica...United States | Arizona | Prescott Westfield State Universi...United Stat | Massachuse | Westfield Buffalo Trace Distillery...United States | Kentucky | Frankfort Marktplatz Coburg from S...Germany | Bavaria | Coburg 'View of the Sea' Cottag...Canada | Nova Scoti | Bras d'Or Shiretoko HarbourJapan | Hokkaid? Hauptplatz FeldbachAustria | Styria | Feldbach Click above if you are 18 or older and would like to watch live cams for free. Display Mode:

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.

Le diaporama bride vos présentations ? Passez à la carte mentale Le diaporama en formation, voilà un sujet largement débattu, dont nous nous sommes souvent fait l'écho sur Thot Cursus et qui continue d'être alimenté par de nombreux conseillers Tice et autres spécialistes de la communication orale. Globalement, on s'accorde aujourd'hui à dire que le diaporama n'est pas un livre debout, que les diapos doivent être regardées plutôt que lues, soutenir l'attention de l'apprenant plutôt que de la détourner de l'essentiel du message, porté par la parole du formateur. Fort bien. Mais en dépit de toutes ces améliorations, le diaporama conserve une limite indépassable : sa linéarité. Un diaporama comprend un début, un milieu et une fin, strictement ordonnés le long d'une ligne de temps. Toutes les diapos sont de taille égale, ce qui nuit au travail mental de hiérarchisation de l'information opéré par les participants. La carte mentale, une structure non-linéaire Quels rôles pour l'enseignant dans les dispositifs hybrides de formation ? Des expériences multiples

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. It uses JavaScript and SVG for web-native visualizations; no plugin required (though you will need a modern web browser)! Protovis is no longer under active development.The final release of Protovis was v3.3.1 (4.7 MB). This project was led by Mike Bostock and Jeff Heer of the Stanford Visualization Group, with significant help from Vadim Ogievetsky. Updates June 28, 2011 - Protovis is no longer under active development. September 17, 2010 - Release 3.3 is available on GitHub. May 28, 2010 - ZOMG! October 1, 2009 - Release 3.1 is available, including minor bug fixes. April 9, 2009 - First release on Google Code. Getting Started

BashFR.org - Accueil Visualizing Friendships www.liquidx.net/plotkit/ PlotKit is a Chart and Graph Plotting Library for Javascript. It has support for HTML Canvas and also SVG via Adobe SVG Viewer and native browser support. PlotKit is fully documented and there is a quick tutorial to get you started. PlotKit is a complete rewrite of CanvasGraph. It is better structured and supported. Requirements MochiKit 1.3 or higherHTML Canvas: Safari 2+, Opera 9+, Firefox 1.5+, IE 6 (in emulated mode)SVG: Opera 9+, Firefox 1.5+ (see note), IE6 with Adobe SVG. Note: Firefox 1.5+ on Linux and Windows is supported. License(s) PlotKit is copyright (c) 2006 Alastair Tse. Get/Download Below is a demo of a simple HTML Canvas example which should work in Safari 2, Firefox 1.5, Internet Explorer 6 and Opera 9. This is the HTML in the above demo: And the Javascript that is needed to draw the charts: If you do not see the above, this is what you should have seen: PlotKit was created by: Alastair Tse - alastair@liquidx.net

=^..^= I Can Has History? =^..^= Happycat Ceiling Cat Medieval Ceiling Cat Rave Cat Drill Cat Anonymous Cat Lord Happycat Emperor Cat "Bodybuilder Cat" Star Wars Cats Tubcat "Egypt Cats" Robot Cat Popcorncat aka "Busuka" Pope Happycat I Wig Cat "Ms Kittycat" Santa Cat Holykitty Reindeer Cat "Sporty Cat" "Moscow Cat" Box Kitten Bonsaikitten aka "Calico" aka "Smileface" "Grimace Cat" Sushicat "Screaming Cat" Machine Gun Cat Speedycat Bad Day Smiley Cat Anime Cat "Scared Kitty" "Sweet Kitty" Balon Noir I Hovercat Gravitycat Limecat Orangecat Lemoncat "Lolly Cat" Thread Kitten Sniper Kitten "Lady Cat" "Business Cat" iPodcat Punk Cat "Cabrio Cat" Fridgecat "Boozed Cat" Boxing Cat aka "Pew Pew" Endcat Smoking Cat "Twinkle" Rubix Cat Lazy Cat Nintendo Cat Cathulhu "Hypno Cat" Cookie Cat Wetcat Muffincat Bagcat Party Hard Cat Swimmingcat Spacecat Moon Cat Fish Bowl Cat "Bubble Cat" Astrocat "Psycho Cat" Transformer Cat Fat Cat aka "Orazi" Tankcat Fire Cat "Lovely Kitty" Corncat Tilt Wet Kitty aka "Pussy Cat" Devil Cat Tacgnol "Striptease Cat" Breadcat Octocat Zombie Cat Frog Cat "Glitter Kitty" Guess Who Longcat

Datavisualization Home Hello, this is the Open Flash Chart project. Note: "Open Flash Chart 2" is LGPL. OK, Open Flash Chart 1.x was great and it works like a dream. But I made some little mistakes which over time grew and anyoyed me and made the source code weird. While I was hacking away at the source code I moved it all to Actionscript 3, and used Adobe Flex to compile it. Just because there is a new version doesn't make V 1.x obsolete. Why is V2 better? If you like Open Flash Chart and want to see it continue, please help Donate some money :-) Blog about it (promotion takes up about a third of my time) Write a cool library Really. Need help choosing reseller hosting for your charts? Why choose Open Flash Chart? This is a little gentle propaganda for the project. Edge cases such as PC Pro loves open flash chart. Server Side Helper Libraries PHP, Perl, Python, Ruby, .NET, Google Web Toolkit and JAVA. Next: Check out the tutorials.

Related: