МедиаПедиаБорцам за фразы Скачать   Посмотреть        Register   Log in
2
 
Константин Бочарский
9.7.2010

Treemap: красивый способ подачи сложной информации

Дизайн     ,

10000words.com залез на поляну Wordspy, взявшись объяснять новое слово: treemap (можно tree map), сообщая при этом, что мы имеем дело с растущим трендом в визуализации данных.

Treemaps представляют информацию в виде иерархической (древовидной) структуры, состоящей из соседствующих и вложенных прямоугольников. Считается, что именно такой подход удобен при представлении сложных данных, а кроме того этот метод полюбился флеш-рисовальщикам, в частности такой структуры, как New York Times Visualization Lab.

За счет флеш-разработки скучные схемы превратились в масштабируемый, интерактивный, содержащий много дополнительной информации путеводитель. Ниже — пять примеров из портфолио грандов. Пройдите по ссылкам. Это, правда, классно.

1. The New York Times: Бюджет Обамы на 2011 год

Площадь квадратов пропорциональна размерам трат. Цвет показывает изменение доли расходов по данной статье, относительно 2010 года.


2. BBC News: Визуализация интернета

Этот “тримэп” – часть большого проекта BBC SuperPower, посвященного исследованию цифровой революции и силе влияния Интернет.
На диаграмме приведены аудитории крупнейших интернет-ресурсов по данным Nielsen company.
При наведении курсора – больше детализированной информации.

3.CNN: Южная Африка 2010, обсуждение в Twitter

Один из модных дизайнерских приемов — отслеживание и визуализация в реальном времени событий в социальных медиа. Здесь масштаб обсуждения выражается размерами флага. Больше сообщений в минуту, больше площадь.
Заходите быстрее.

Похожую идею воплотили NBC для Зимних Олимпийских Игр 2010, а MTV и Stamen Design — для MTV Movie Awards и Video Music Awards (VMAs).

4. Твиттер-тримап от Nike.

Твиттер-тримап карта, также созданная Stamen Design, показывает, какая из команд NBA наиболее обсуждаема в социальных сетях.

5. Google: Newsmap

И наконец, гигантский, как и сам Google, проект всезнающего поисковика. Показывает распределение новостей, агрегируемых Google News. Цвет символизирует тему (бизнес, технологии, спорт и пр.), оттенок тона – устаревание (менее 10 минут, более 10 минут, более часа), площадь квадрата – количество сообщений в данном топике.

Найдите себе крутого флеш-рисовальщика и делайте тримэп. Читатели скажут спасибо.

Дополнительное чтение:
Все об истории тримап. Умно, много, на аглийском
Wikipedia о тримап

Поделиться:
  • Twitter
  • FriendFeed
  • del.icio.us
  • LinkedIn
  • Google Bookmarks
  • В Живую Ленту Google
  • Tumblr
  • Posterous
  • Добавить ВКонтакте заметку об этой странице
  • Мой Мир
  • Яндекс.Закладки
  • БобрДобр
  • Memori.ru
  • МоёМесто.ru
  • email
  • Print
 

Читайте также

  1. Алгоритмы против людей
  2. Редизайн португальской Expresso: меньше текста, больше информации
  3. Трансляция твиттера на конференции
  4. 25 самых крутых ресурсов по инфографике по версии Smashing Magazine
  5. Создание обложки
 

Facebook comments:

2 Responses to “Treemap: красивый способ подачи сложной информации”

  1. Все новое – хорошо забытое старое.
    Есть такая старенькая бесплатная программа для компьютера – SpaceMonger называется.
    Она именно так занятое файлами пространство и отображает.
    Кстати, правда очень наглядно получается.

Trackbacks/Pingbacks


Leave a Reply

You must be logged in to post a comment.


 
О сайте © 2008 «Вудумедиа»