Структура сайта в виде графа

Websites as graphs - это веб сервис позволяющий наглядно, в виде графа, представить информацию о HTML структуре сайта.

Подробнее: http://www.aharef.info/static/htmlgraph/

Информация о сервисе с собственным переводом.

Подробнее: http://www.aharef.info/2006/05/websites_as_graphs.htm

Вебсайты как графы
Каждый день, мы просматриваем множество вебсайтов. Структура этих вебсайтов определена с помощью стандартного языка разметки документов - HTML, для публикации информации в сети. Ваш браузер обрабатывает HTML, отображая его в форматированном виде (в большинстве случаев). Вы можете посмотреть код любого вебсайта выбрав вкладку "View source" где - нибудь в меню вашего браузера.

HTML состоит из так называемых тэгов, любимый тэг A для ссылок, тэг IMG для изображений и так далее. Так как тэги вложены в других тэгах, они размещены в иерархической манере, и та иерархия может быть представлена как граф. Я написал небольшое приложение, которое визуализирует такой граф, и вот - некоторые скриншоты вебсайтов, которые я часто просматриваю.

Подробнее: http://flickr.com/photos/tags/websitesasgraphs/

Я использовал некоторые цвета, для выделения наиболее используемых тэгов, следующим образом:

синий: для связей (A тэг)
красный: для таблиц (TABLE, TR и TD тэги)
зелёный: для слоёв (DIV тэг)
фиолетовый: для изображений (IMG тэг)
жёлтый: для форм (FORM, INPUT, TEXTAREA, SELECT и OPTION тэги)
оранжевый: для переносов и цитат (BR, P, и BLOCKQUOTE тэги)
чёрный: основнй корень (HTML тэг)
серый: все остальные тэги

Хотя сервис и похож больше на игрушку, сравнительные анализы тематических сайтов на нём всё же можно производить.