{"id":439,"date":"2009-02-11T18:21:18","date_gmt":"2009-02-11T23:21:18","guid":{"rendered":"http:\/\/www.coreyhulse.com\/?p=439"},"modified":"2011-01-28T19:04:02","modified_gmt":"2011-01-29T00:04:02","slug":"html-tag-visualizer","status":"publish","type":"post","link":"https:\/\/www.coreyhulse.com\/corey\/2009\/02\/11\/html-tag-visualizer\/","title":{"rendered":"html tag visualizer"},"content":{"rendered":"

I stumbled upon a really cool website which will visualize any webpage into a graph.<\/p>\n

It’s called Webpages as Graphs<\/a> and it’s wicked cool.<\/p>\n

From their page:<\/p>\n

blue<\/span>: for links (the A tag)
\nred<\/span>: for tables (TABLE, TR and TD tags)
\ngreen<\/span>: for the DIV tag
\nviolet<\/span>: for images (the IMG tag)
\nyellow<\/span>: for forms (FORM, INPUT, TEXTAREA, SELECT and OPTION tags)
\norange<\/span>: for linebreaks and blockquotes (BR, P, and BLOCKQUOTE tags)
\nblack<\/span>: the HTML tag, the root node
\ngray<\/span>: all other tags<\/p>\n

Here’s http:\/\/www.coreyhulse.com<\/a>. You can see the main site content on the left, and my sidebar with the links on all the blue explosions on the right.
\n<\/a><\/p>\n

\"coreyhulse\"<\/p>\n

And here’s my Project 365 site, at http:\/\/www.coreyhulse.com\/365\/<\/a>.\u00a0 I think it looks like a large firework.<\/p>\n

\"365\"<\/p>\n

My brother Ryan has a site at http:\/\/www.ryanehulse.com\/<\/a>, and the intro page is just a picture and some text.\u00a0 You can see the simplicity in the HTML structure in the visualization of his site.<\/p>\n

\"ryanehulse\"<\/p>\n

My friend Ryan has an even simpler site at http:\/\/www.ryanweicker.com\/<\/a>.<\/p>\n

\"ryanweicker\"<\/p>\n

When you put popular sites in, you can see the differences between a site with a simpler interface like Google<\/a> verses a news site like CNN<\/a>.<\/p>\n

Google<\/p>\n

\"google\"<\/p>\n

CNN<\/p>\n

\"cnn\"<\/p>\n

What a cool tool!\u00a0 I, like many people I presume, have a facination with the visualization of data.\u00a0 There was a book that my colleague told me about which was full of all sorts of graphs and charts and the interesting stories behind them.\u00a0 I’m blanking on the name of it, but if anyone knows of this book please let me know.<\/p>\n

Also, if you have any sites which look really cool definately share them here.<\/p>\n","protected":false},"excerpt":{"rendered":"

I stumbled upon a really cool website which will visualize any webpage into a graph. It’s called Webpages as Graphs and it’s wicked cool. From their page: 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 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[50],"tags":[60],"class_list":["post-439","post","type-post","status-publish","format-standard","hentry","category-culture","tag-programming"],"_links":{"self":[{"href":"https:\/\/www.coreyhulse.com\/corey\/wp-json\/wp\/v2\/posts\/439","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.coreyhulse.com\/corey\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.coreyhulse.com\/corey\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.coreyhulse.com\/corey\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.coreyhulse.com\/corey\/wp-json\/wp\/v2\/comments?post=439"}],"version-history":[{"count":5,"href":"https:\/\/www.coreyhulse.com\/corey\/wp-json\/wp\/v2\/posts\/439\/revisions"}],"predecessor-version":[{"id":449,"href":"https:\/\/www.coreyhulse.com\/corey\/wp-json\/wp\/v2\/posts\/439\/revisions\/449"}],"wp:attachment":[{"href":"https:\/\/www.coreyhulse.com\/corey\/wp-json\/wp\/v2\/media?parent=439"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.coreyhulse.com\/corey\/wp-json\/wp\/v2\/categories?post=439"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.coreyhulse.com\/corey\/wp-json\/wp\/v2\/tags?post=439"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}