Визуализация структуры популярных сайтов

    Каждый день мы просматриваем множество сайтов.
    Структура этих сайтов отражена в HTML коде.

    Sala, автор этого блога, написал очень интересный аплет, который анализирует тэги страниц, и визуализирует их в соответствии со следующей спецификацией:


    Вот, например, визуализация msn.com. Довольно разветвленная структура, с большим количеством картинок:

    msn.com


    А вот структура apple.com. Довольно простая структура, за исключением массива желтых точек (это dropdown менюшки)

    apple.com

    Прост и гениален Google. Мне не удалось подобрать структуру проще:

    google.com

    А сам апплет можно посмотреть здесь.
    Ads
    AdBlock has stolen the banner, but banners are not teeth — they will be back

    More

    Comments 40

      +1
      http://dogen.files.wordpress.com/2007/04… зацените одуванчик (блог на вордпресс)
        0
        роскошно!)
          0
          Скоро все особо крутые вебдизайнеры начнут делать сайты не просто красивые, но ещё и такие, чтобы у них структура смотрелась наиболее понтово. Может быть, некоторые даже свои выставки одуванчиков делать будут :)
        • UFO just landed and posted this here
            0
            мм, прекрасно!
              +1
              очаровательно, но только вот непонятно совсем
              что это за хаброветки? и что такое эта хабробомба в центре?
              Хотя лучше, наверно, просто любоваться картинками.
                0
                Это облако тегов похоже :)
                  0
                  А что с гугловой картинкой?
                  На графике две фиолетовые точки, но мне удалось найти только одну пару img.
                  Неужели что-то неправильно считает?
                    0
                    Смотрите source. Там есть еще одна незаметная картиночка:
                    <img border=0 src=/images/x2.gif width=12 height=12 alt="Close menu" align=right hspace=4 vspace=4>
              0
              http://www.aharef.info/static/htmlgraph/…
              Действительно, бета ;)
                +1
                еще варианты визуализации структуры сайтов:

                http://www.texone.org/tree/tree.php?id=a…
                http://a.parsons.edu/~christine/fall_03/…
                http://www.baekdal.com/web2dna/
                  0
                  Очень крутая штука. Но идея не нова. Был сервис, который рисовал цветы исходя из структуры и цветовой гаммы сайта. Но по его адресу сейчас рекламный сайт :( Я нашел только не работающие версии, типа этой :( Причем они все одинаково не работают, видимо требуется какая-то серверная часть, которой больше нет :(
                  Вот несколько скриншотов его работы.
                    0
                    В какой области и для чего применим этот апплет?
                    Это графическое отображение DOM модели одной из страниц в виде разноцветных шариков????
                      +1
                      Этот апплет отлично применим в области баловства и забав.
                        –1
                        :) верно сказано, товарищ

                        для развлечения офисного планктона
                        0
                        В текущем виде из этого пользы не много.
                        Было бы совсем другое дело, если бы оно работало как профилировщик и отображало какая из ветвей сколько байт занимает + сколько тратит процессорного времени на отображение. Хотя не уверен что последнее возможно без вмешательство в код браузера. Я тут видел страницу которая тратила несколько секунд только на отображение съедая все ресурсы процессора, при том что код был не сильно мудрённым.
                      • UFO just landed and posted this here
                          0
                          В избранное!

                          А еще по теме есть боянчик один: http://muzyka-sfer.livejournal.com/1093.…

                          Там, конечно, вам самим не дадут ничего ввести, но исследование монументальное 8)
                            0
                            а практический смысл в этой штуке какой-нибудь есть?
                              0
                              Лавинообразная раскрутка сайта разработчика 8)
                                0
                                Анализ, например, "глубины" до требуемого контента. Если Вы хотите, чтобы ваши посетители могли получить любую информацию "в два клика", то такая штука вполне способна обрисовать, так ли с этим обстоят дела.
                                  0
                                  Посмотреть насколько сайт сложен для рендеринга браузером/разбора роботом.
                                  Опять же red for tables - отличный способ, для фаната верстки дивами, оценить будет или нет гореть в аду тот или иной вебмастер
                                  0
                                  а у меня не работает :(
                                    0
                                    нужна ява
                                      0
                                      я закачала плагин. не помогло.
                                        0
                                        на самом деле не всегда срабатывает, на некоторых сайтах работать отказывается.
                                      0
                                      Думается мне, что не работает через проксю, т.к. дома (без прокси) у меня все работает, а на работе (с прокси) нет..
                                      0
                                      У news2 много проще чем у Google =)
                                        0
                                        дерево MSDN по-моему шикарное :)
                                          0
                                          Надо что-то делать с версткой- граф все разворачивается и разворачивается последние минут пять.
                                            0
                                            В мозиле не работает, надо в гадком эксплорере открывать :(
                                              0
                                              Юзай Оперу :)
                                                +1
                                                работает-работает
                                                +1
                                                http://www.visualcomplexity.com/vc/

                                                Впрочем я у себя уже писал..
                                                  0
                                                  да, я тоже через него вышел..
                                                • UFO just landed and posted this here
                                                    0
                                                    укроп :)
                                                      0
                                                      На майкрософте апплет сожрал все вычислительные ресурсы и уже минут 20 пытается что-то придумать, пока глухо... На других тестируемых сайтах время обдумывания до начала вывода кружочков составляло до 15 секунд.
                                                      • UFO just landed and posted this here
                                                        0
                                                        Апплет довольно бодро отрисовал штук 20-ть одуванчиков по порталу "www.habraddict.ru", которого нет в природе.

                                                        Картинка
                                                        http://img234.imageshack.us/my.php?image…

                                                        Only users with full accounts can post comments. Log in, please.