JackYan.com
Jack and Aston Martin V8 Vantage Monaco street signs
Jack Yan: the Persuader blog
  Click here to go to home pageWhat I stand forMy stuffWhat others have recently saidMeet some of the coolest folks I knowDrop me a line Visit my workplace
> My stuff > The Persuader Blog


22.8.09

How your website looks, as graphics 

David the Designer sent readers to a very interesting link today, where one can get a web page plotted graphically. The graphs’ applet has been developed by Marcel Salathe, who I understand works at Stanford University. It’s worth waiting for the Javascript applet to work as the animation is very interesting.
   For starters, here’s how this site’s home page looks:
Jack Yan website
The screen shots were taken on my laptop, and the wide screen meant I could not get the entire image in tidily.
   Here is the key given on M. Salathe’s site:

blue: for links (the A tag)
red: for tables (TABLE, TR and TD tags)
green: for the DIV tag
violet: 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 node
gray [sic]: all other tags


David was interested in where his links were—the blue dots. In the above case, the site could do with a few more outward-bound ones.
   It’s a fairly simple page, in any case. To get more complex, I fed in the company’s site to see how that would look:

Jack Yan & Associates site graph

   Logically, Lucire’s home page should have more images (the purple dots):

Lucire site graph

   I tried my supplementary blog on Vox to see how that would fare. That led to the most complex one of this series:

Vox site graph

   Finally, what surprises me was how complex Font Police is, despite it appearing relatively simple:

Font Police site graph

   The site gives one a very different view of how a web page looks—but be warned. You might spend longer than you thought on it, trying different URLs.
Post a Comment  Links to this post

Comments: Post a Comment

Links to this post:

Create a Link

 

 

Note

Entries from 2006 to the end of 2009 were done on the Blogger service. As of January 1, 2010, this blog has shifted to a Wordpress installation, with the latest posts here.
   With Blogger ceasing to support FTP publishing on May 1, I have decided to turn these older pages in to an archive, so you will no longer be able to enter comments. However, you can comment on entries posted after January 1, 2010.


Quick links

Surf to the online edition of Lucire
  • More ramblings at the Lucire Insider blog
  • The Medinge Group
  • Jack Yan for Mayor
  • My Facebook page
  • Follow me on Twitter
  • My Vkontakte page
  • Book me for public speaking
  • Contact JY&A Consulting on business projects
  • Check out fonts from JY&A Fonts
  • Add feeds




    Add feed to Bloglines
    More options after the ad



    Subscribe in Rojo
    Add to Google
    Add feed to Newsgator
    Subscribe using Netvibes
    Add feed to My Yahoo!





    Add to Bitty Browser
    Add to The Free Dictionary
    Add to Plusmo
    Add to Excite MIX
    Add to netomat Hub
    Add to flurry
    Add to Webwag
    Add to Attensa
    Receive IM, Email or Mobile alerts.


    RSS feed from 2RSS
    CompleteRSS
    Feedster
    CoComment feed
    ATOM for coComment

    Twitter Updates


  • Get this blog via email

    Enter your Email


    Powered by FeedBlitz
    Enter your email address:

    Delivered by FeedBurner

    Technorati

    Add this blog to my Technorati Favorites!
    » View my Technorati favourites

    Individual JY&A and Medinge Group blogs

  • Lucire: Insider
  • Summer Rayne Oakes
  • The Medinge Group press room
  • Detective Marketing
  • Amanda van Kuppevelt
  • Delineate Brandhouse
  • Paolo Vanossi
  • Nigel Dunn
  • Pameladevi Govinda
  • Endless Road
  • Avidiva news
  • Johnnie Moore’s Weblog
  • Steal This Brand Too
  • The Beyond Branding Blog
  • Ton’s Interdependent Thoughts
  • Partum Intelligendo
  • Right Side up
  • Headshift
  • Goiaba Brazilian Music
  • Jack Yan on Tumblr (brief addenda)

  • + Add The Persuader Blog to your Blogroll

    Mapstats


    Del.icio.us


    Previous posts

  • Social Media Consortium blog still down—Google kno...
  • Facebook’s latest changes still make no sense
  • Finding ways to decrease your Twitter follower cou...
  • Will I have to give up narcing on red-light-runner...
  • Whakamatatūtia: Māori TV should screen the documen...
  • The closest thing to Twitter support now
  • Branding New Zealand
  • And now, the Hong Kong Institute of Marketing give...
  • Growing Autocade
  • Uploading a video to Facebook? You are presumed gu...

  • This page is powered by Blogger. Isn't yours?


    Donate

    If you wish to help with my hosting costs, please feel free to donate.