NRDevelopment and Growth
From ReduxWiki
Contents |
Websites as Graphs
= Graphical representations of the quality of your websites' code, and the dynamics of your interlinked content
Methods
Web2DNA
WEB2DNA will take your website, analyze it, crunch it to little bits and spit it out as a graphic representation of a human DNA.
The brightness of the lines is determined by the importance of the tags in terms of structure.
H1 is brighter than H2, which is brighter than H3.
TABLE is brighter than TR, which is brighter than TD tags.
Images and flash elements appear as 70% white.
New HTML tags like STRONG and EM is brighter than older ones like B and I.
UL, OL and DL is brighter than their LI, DT, DD.
DIV layout is brighter than table layout.
Basically, a semantically rich site will appear brighter than one with messy old-style code.
You can also determine the richness of text on a site. A site the focuses on (text) content is one where the DNA patterns is large (filling many containers), but contains a lot of empty spaces between the lines (empty space is the individual words).
source: http://www.baekdal.com/web2dna
URI for any website: http://www.baekdal.com/web2dna/?url=[URI, including http://]
Flickr tag: web2dna
(X)HTMLgraph
What do the colors mean? 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: all other tags
source: aharef.info
URI for any website: http://www.aharef.info/static/htmlgraph/url?=[URI, including http://]
Flickr tag: websites as graphs
Related Articles and Wiki Sections
Categories: Website Management | XHTML | CSS | Validation | Graphics Management | NRWiki | Flickr
