визуализация для

журналистов

Ирина Маркова, 20.08.11

iryna.markova@gmail.com

www.facebook.com/irinnka

www.twitter.com/irinnka

Удачи!

Стандартно Линейный график

Гистрограмма

Круговая диаграмма

Нестандартно

Пузырьковая

диаграмма

Treemaps – иерархическая информация, которая

подается в пропорционaльных по размеру

и значению кластерах, составляющих

единое целое

Treemaps newsmap (http://newsmap.jp/)

Скаттерплот позволяет показать

взаимоотношения величин

Матричный график

Матричный график –

помогает разносить сложную

информацию по классам

Сетевая диаграмма взаимоотношения и связи

Дерево слов

Как это?

http://musicovery.com

http://www.liveplasma.com/

MSNBC.com

ЧТО ЭТО?

!!!Google

http://www.aharef.info/static/htmlgraph/

http://www.visualthesaurus.com/

самый простой

и очень эффективный способ коммуникации

с привлечением больших массивов данных

Визуализация

http://bit.ly/oRi6cW

http://vis.stanford.edu/wrangler/

Работа по визуализации информации

ПОВЕСТВОВАНИЕ

• Дизайн материала на уровне текста (врезки по тексту,

лидер-абзац, цитаты, плашки, заголовки, параграфы)

• Цифровые значения – пишите цифрами, не словами

(в он-лайн журналистике - даже в начале предложения)

Сравните сами:

- 2 млн

- 2000000

- два миллиона

- 2 миллиона

Люди ищут факты. Цифры = факты

Практикуйте!

Практикуйте!

СОЦИАЛЬНЫЙ КРАУДСОРСИНГ

• Привлекайте читателей к созданию контента

Работа по визуализации информации

http://crowdmap.com/

Хорошо –

в меру

ЗХорошо –

в меру

http://amcharts.com/

www.google.com/fusiontables/Home

http://pipes.yahoo.com/pipes/

http://www.dataviz.org/

https://reports.zoho.com/login/login.jsp

http://choosel-mashups.appspot.com/

http://earthquakevisualization.appspot.com/

http://simile-widgets.org/exhibit/

http://simile-widgets.org/wiki/Getting_Started_with_Exhibit

http://thejit.org/

http://www.openstreetmap.org/

http://www.wordle.net/

http://newmedia-art.blogspot.com/

cделано via http://www.tagxedo.com/app.html

Где искать вдохновениеvisualcomplexity.com visualthinkmap.ning.com/

infosthetics.com/ abeautifulwww.com/

visualeditors.ning.com/ good.is/