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


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




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

    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)

  • +

    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...

  • Donate

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