<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>инфографика &#8211; Russian</title>
	<atom:link href="https://onmedia.dw.com/russian/?feed=rss2&#038;tag=%d0%b8%d0%bd%d1%84%d0%be%d0%b3%d1%80%d0%b0%d1%84%d0%b8%d0%ba%d0%b0" rel="self" type="application/rss+xml" />
	<link>https://onmedia.dw.com/russian</link>
	<description>Just another Deutsche Welle Blogs site</description>
	<lastBuildDate>Mon, 03 Dec 2018 13:55:17 +0000</lastBuildDate>
	<language>ru-RU</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
	<item>
		<title>Как использовать инфографику в журналистике</title>
		<link>https://onmedia.dw.com/russian/?p=5731</link>
		<pubDate>Mon, 30 Sep 2013 12:44:01 +0000</pubDate>
		<dc:creator><![CDATA[karbasovan]]></dc:creator>
				<category><![CDATA[Журналистика данных]]></category>
		<category><![CDATA[визуализация]]></category>
		<category><![CDATA[визуальная журналистика]]></category>
		<category><![CDATA[инфографика]]></category>

		<guid isPermaLink="false">http://onmedia.dw.com/russian/?p=5731</guid>
		<description><![CDATA[ [&#8230;]]]></description>
				<content:encoded><![CDATA[<div id="attachment_5737" aria-labelledby="figcaption_attachment_5737" class="wp-caption alignleft" style="width: 300px"><a href="http://onmedia.dw.com/russian/files/WHO-Health-Statistics.jpg" rel="lightbox[5731]"><img class="size-medium wp-image-5737" src="http://onmedia.dw.com/russian/files/WHO-Health-Statistics-300x253.jpg" alt="Так показывает данные Всемирная организация здравоохранения" width="300" height="253" srcset="https://onmedia.dw.com/russian/files/WHO-Health-Statistics-300x253.jpg 300w, https://onmedia.dw.com/russian/files/WHO-Health-Statistics.jpg 650w" sizes="(max-width: 300px) 100vw, 300px" /></a><p class="wp-caption-text">Так показывает данные Всемирная организация здравоохранения</p></div>
<p>В предыдущих постах мы рассказывали о журналистике данных и о таких полезных инструментах, как <a href="http://onmedia.dw.com/english/?p=6527">datawrapper</a> и  <a href="http://onmedia.dw.com/english/?p=12387">infogr.am</a>. Но визуализировать можно не только серьезные массивы данных, но и небольшие объемы информации. Это поможет более наглядно показать ключевые моменты.</p>
<p>Графики помогают наглядно показать и сравнить количественную информацию. Давайте посмотрим, как простые графики обогощают ваш текст.<span id="more-5731"></span></p>
<p><strong>Показывайте, а не рассказывайте: использование электричества в Индии</strong></p>
<p>Очень простое предложение: «В год Индия расходует 210 гигаватт электричества. Это число должно увеличиться на 36% в 2017 году и еще на 25% в 2022 году». Как это можно наглядно показать читателям?  Вот пример из программы datawrapper.</p>
<p><a href="http://onmedia.dw.com/russian/files/india.png" rel="lightbox[5731]"><img class="aligncenter size-full wp-image-5739" src="http://onmedia.dw.com/russian/files/india.png" alt="" width="444" height="293" srcset="https://onmedia.dw.com/russian/files/india.png 444w, https://onmedia.dw.com/russian/files/india-300x197.png 300w" sizes="(max-width: 444px) 100vw, 444px" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Можно использовать и другую форму подачи информации.</p>
<p><a href="http://onmedia.dw.com/russian/files/2.png" rel="lightbox[5731]"><img class="aligncenter size-full wp-image-5741" src="http://onmedia.dw.com/russian/files/2.png" alt="" width="611" height="369" srcset="https://onmedia.dw.com/russian/files/2.png 611w, https://onmedia.dw.com/russian/files/2-300x181.png 300w" sizes="(max-width: 611px) 100vw, 611px" /></a></p>
<p><strong>Разберитесь в вопросе: денежные потоки, отправляемые иммигрантами из Южной Африки</strong></p>
<p>Недавно наш коллега в Малави написал статью о том, сколько денег пересылают домой работающие в Южной Африке мигранты. Он хотел показать суммы, отправляемые в каждую страну. Так как у него было буквально несколько минут до сдачи материала, он быстро построил вот такой график.</p>
<p><a href="http://onmedia.dw.com/russian/files/3.png" rel="lightbox[5731]"><img class="aligncenter size-full wp-image-5743" src="http://onmedia.dw.com/russian/files/3.png" alt="" width="638" height="420" srcset="https://onmedia.dw.com/russian/files/3.png 638w, https://onmedia.dw.com/russian/files/3-300x197.png 300w" sizes="(max-width: 638px) 100vw, 638px" /></a></p>
<p>Здесь ясно видно, что наибольшая часть денег – около 60 процентов от всех переводов &#8211; отправляется в Зимбабве. Этот факт можно показать и по-другому. Вот, например, график, созданный с помощью infogr.am.</p>
<p><a href="http://onmedia.dw.com/russian/files/41.png" rel="lightbox[5731]"><img class="aligncenter size-full wp-image-5733" src="http://onmedia.dw.com/russian/files/41.png" alt="" width="543" height="554" srcset="https://onmedia.dw.com/russian/files/41.png 543w, https://onmedia.dw.com/russian/files/41-294x300.png 294w" sizes="(max-width: 543px) 100vw, 543px" /></a></p>
<p><strong>Покажите разницу: уровень безработицы в Европе</strong></p>
<p>В этой обучающей статье по использованию Datawrapper известный немецкий специалист по визуализации Грегор Айш (<a href="http://onmedia.dw.com/russian/?p=5449" target="_blank">вот интервью с ним</a>)  показал статистику по безработице в Европе за последние 20 лет.  Красным выделены страны с высоким уровнем безработицы (Испания и Греция), синим – страны с низким уровнем (Германия). При разумном использовании цвета и правильном выборе типа графика разница видна невооруженным глазом.</p>
<p><a href="http://onmedia.dw.com/russian/files/51.png" rel="lightbox[5731]"><img class="aligncenter size-full wp-image-5735" src="http://onmedia.dw.com/russian/files/51.png" alt="" width="537" height="373" srcset="https://onmedia.dw.com/russian/files/51.png 537w, https://onmedia.dw.com/russian/files/51-300x208.png 300w" sizes="(max-width: 537px) 100vw, 537px" /></a></p>
<p>&nbsp;</p>
<p><strong>С чего начать? </strong></p>
<p>Попробуйте использовать такие инструменты, как Excel, <a href="http://www.openoffice.org/product/calc.html">Office Open Calc</a> или Google Spreadsheets для создания простых графиков. И, конечно, не забывайте про <a href="http://datawrapper.de/" target="_blank">Datawrapper</a> и <a href="http://infogr.am/" target="_blank">Infogr.am.</a></p>
<p>Автор: Кейт Хэисайн</p>
]]></content:encoded>
			</item>
		<item>
		<title>Грегор Айш: &#8220;Журналистам надо перестать бояться хакеров&#8221;</title>
		<link>https://onmedia.dw.com/russian/?p=5449</link>
		<pubDate>Thu, 08 Aug 2013 20:56:22 +0000</pubDate>
		<dc:creator><![CDATA[karbasovan]]></dc:creator>
				<category><![CDATA[Журналистика данных]]></category>
		<category><![CDATA[Ресурсы]]></category>
		<category><![CDATA[визуализация]]></category>
		<category><![CDATA[журналистика данных]]></category>
		<category><![CDATA[инфографика]]></category>

		<guid isPermaLink="false">http://onmedia.dw.com/russian/?p=5449</guid>
		<description><![CDATA[ [&#8230;]]]></description>
				<content:encoded><![CDATA[<div id="attachment_5451" aria-labelledby="figcaption_attachment_5451" class="wp-caption aligncenter" style="width: 581px"><a href="http://onmedia.dw.com/russian/files/gregor-aisch2_pic.jpg" rel="lightbox[5449]"><img class=" wp-image-5451   " src="http://onmedia.dw.com/russian/files/gregor-aisch2_pic.jpg" alt="Грегор Айш" width="581" height="357" srcset="https://onmedia.dw.com/russian/files/gregor-aisch2_pic.jpg 1024w, https://onmedia.dw.com/russian/files/gregor-aisch2_pic-300x184.jpg 300w" sizes="(max-width: 581px) 100vw, 581px" /></a><p class="wp-caption-text">Грегор Айш</p></div>
<p>Интерактивные визуализации и инфографика набирают все большую популярность в СМИ, а журналисты начинают раскапывать интересные факты в статистиках и визуализировать их самостоятельно или с помощью программистов. Этот тренд получил название &#8220;журналистика данных&#8221;.  Что нужно знать начинающим журналистам, работающим с данными, как им сотрудничать с программистами и нужно ли журналистам самим уметь программировать?</p>
<p>Об этом в интервью DW Akademie рассказал немецкий специалист по визуализации данных Грегор Айш (<a href="http://driven-by-data.net/">Gregor Aisch</a>). Грегор работал над созданием платформы <a href="http://datawrapper.de/">Datawrapper</a>, которая позволяет журналистам публиковать простые интерактивные графики. Он также разрабатывает визуализации для таких крупных медиаорганизаций, как <a href="http://visualdata.dw.com/specials/bildung/en/index.html">Deutsche Welle</a> и <a href="http://opendata.zeit.de/atomreaktoren/#/en/">Zeit Online</a>.</p>
<p>&#8220;Журналистам пора перестать бояться хакеров&#8221;, &#8211; говорит Грегор Айш. &#8220;Звучит смешно, но многие до сих пор представляют хакеров как преступников, проводящих дни и ночи за написанием вирусов и взломами систем электронной защиты банков и правительств&#8221;.<span id="more-5449"></span></p>
<p><strong>&#8211; </strong><strong>Грегор, ты по образованию не журналист, а именно технический специалист. Как тебе нравится работать с журналистами? </strong></p>
<p>Очень нравится!  Они обычно очень четко понимают предмет своего журналистского расследования, и у них множество интерсных идей о том, как преподнести историю. В отделах пиара и маркетинга такой подход нечасто увидишь.</p>
<p><strong>&#8211; </strong><strong>Что журналистам необходимо знать, чтобы рассказывать интересные истории, основанные на данных?</strong></p>
<p>Нужно понимать масштаб и представлять себе временные затраты на интерактивные визуализации в сети.  Ведь создание интерактивных визуализаций очень похоже на разработку программного обеспечения, нужно понимать, чего ожидать, и уметь управлять ресурсами, чтобы получить результат в нужный срок. Иначе придется пережить массу разочарований.</p>
<div id="attachment_5479" aria-labelledby="figcaption_attachment_5479" class="wp-caption aligncenter" style="width: 594px"><a href="http://onmedia.dw.com/russian/files/aisch2.png" rel="lightbox[5449]"><img class="size-full wp-image-5479" src="http://onmedia.dw.com/russian/files/aisch2.png" alt="Визуализация Грегора Айша. Источник: http://opendata.zeit.de/atomreaktoren/#/en/" width="594" height="391" srcset="https://onmedia.dw.com/russian/files/aisch2.png 594w, https://onmedia.dw.com/russian/files/aisch2-300x197.png 300w" sizes="(max-width: 594px) 100vw, 594px" /></a><p class="wp-caption-text">Визуализация Грегора Айша. Источник: http://opendata.zeit.de/atomreaktoren/#/en/</p></div>
<p><strong>&#8211; </strong><strong>Что журналистам важно помнить при совместной работе с программистами? </strong><strong> </strong></p>
<p>Такая работа схожа с работой по управлению проектами. Важно пребывать в постоянном диалоге, особенно в начале проекта. Часто бывает сложно прийти к общеми пониманию того, каким должен быть конечный продукт. Здесь очень помогают эскизы от руки.</p>
<p><strong>&#8211; </strong><strong>А сами журналисты должны уметь программировать?</strong></p>
<p>Для начала журналистам пора перестать бояться так называемых хакеров. Звучит смешно, но многие до сих пор представляют хакеров как преступников, <a href="http://www.youtube.com/watch?v=Ql1uLyuWra8">проводящих дни и ночи</a> за написанием вирусов и взломами систем электронной защиты банков и правительств. Регулярные встречи типа <a href="http://hackshackers.com/">Hacks/Hackers</a> в Берлине помогают навести мосты между журналистами и хакерами, то есть программистами.</p>
<p>Для ежедневной работы с массивами данных советую получить базовые навыки написания скриптов. Вначале будет сложно, но через пару дней вы сами удивитесь, сколько всего уже можете. Написание пары строчек кода часто помогает избавиться от нудного повторения простых задач. Особенно в онлайн-журналистике экономное использование времени крайне важно, ведь там постоянно есть дедлайны для сдачи материала.</p>
<p>К тому же, журналистам и самим полезно понимать в общих чертах, что можно сделать и сколько времени на это примерно уйдет. Конечно, журналист не обязан уметь создавать интерактивные визуализации с нуля. Чтобы научиться этому, понадобится несколько лет. Но надо понимать, что в принципе выполнимо, а что нет.</p>
<div id="attachment_5477" aria-labelledby="figcaption_attachment_5477" class="wp-caption aligncenter" style="width: 594px"><a href="http://onmedia.dw.com/russian/files/aisch1.png" rel="lightbox[5449]"><img class="size-full wp-image-5477" src="http://onmedia.dw.com/russian/files/aisch1.png" alt="Визуализация Грегора Айша. Источник: http://vis4.net/labs/fraktion-vs-gewissen/" width="594" height="313" srcset="https://onmedia.dw.com/russian/files/aisch1.png 594w, https://onmedia.dw.com/russian/files/aisch1-300x158.png 300w" sizes="(max-width: 594px) 100vw, 594px" /></a><p class="wp-caption-text">Визуализация Грегора Айша. Источник: http://vis4.net/labs/fraktion-vs-gewissen/</p></div>
<p><strong>&#8211; </strong><strong>Какие инструменты ля визуализации можно использовать, если не умеешь программировать? </strong><strong> </strong></p>
<p>Excel, <a href="https://www.libreoffice.org/" target="_blank">LibreOffice</a>, <a href="http://www.tableausoftware.com/public" target="_blank">Tableau Public</a>, <a href="http://www-958.ibm.com/software/analytics/manyeyes/" target="_blank">ManyEyes</a>, <a href="http://datawrapper.de/" target="_blank">Datawrapper</a>, <a href="http://www.qgis.org/" target="_blank">QuantumGIS</a> &#8211;  все эти инструменты позволяют быстро создавать качественные визуализации данных и карты. Эти программы можно либо бесплатно загрузить, либо использовать веб-версию, часто они уже предустановлены на компьютере. Так что начать можно просто и без лишних затрат. Конечно, временных затрат на изучение новых программ не избежать.</p>
<p><strong>&#8211; </strong><strong>С чего начать журналистам, интересующимся журналистикой данных?</strong></p>
<p>Для начала советую ознакомиться с одной из программ по работе с электронными таблицами. Большинство историй, основанных на данных, начинаются с простой таблицы, так что важно уметь выполнять простейшие операции, например, разделять количество случаев с летальным исходом при авариях на общее количество аварий во всех регионах страны. Если вам не нравится интерфейс в Excel, советую обратить внимание на бесплатную альтернативу LibreOffice Calc. Это очень простая и мощная программа.</p>
<p><strong>&#8211; </strong><strong>Сейчас в интернете популярны самые разные визуализации. Какие ошибки чаще всего в них совершаются? </strong><strong> </strong></p>
<p>Во-первых, я обожаю визуализации, так что чем чаще они используются, тем лучше. Одна из худших ошибок, которые мне доводилось видеть, &#8211; это неправильное размещение подписей к графикам. Если вы только и делаете, что следуете подсказкам программы, наверняка что-то будет не так.</p>
<p><strong>&#8211; </strong><strong>Назови, пожалуйста, свои любимые визуализации.</strong><strong> </strong></p>
<p><a href="http://www.nytimes.com/interactive/2013/05/07/education/college-admissions-gap.html">Вот этот пример от New York Times</a> показывает диаграмму рассеяния (scatterplot), на горизонтальной оси мы видим показатели по выпускам из колледжа для черных, испаноязычных и азиатских студентов, на вертикальной оси – показатели по студентам-первокурсникам. На графике четко видно, что в лучших вузах с высоким процентом выпустившихся студентов уровень черных студентов гораздо ниже. Например, в Гарвардском университете на первый курс зачислено только 8,8% черных студентов, при этом до выпуска в этом университете доходят 97% студентов.</p>
<div id="attachment_5473" aria-labelledby="figcaption_attachment_5473" class="wp-caption aligncenter" style="width: 594px"><a href="http://onmedia.dw.com/russian/files/qqqq.png" rel="lightbox[5449]"><img class="size-full wp-image-5473" src="http://onmedia.dw.com/russian/files/qqqq.png" alt="New York Times. Источник: http://www.nytimes.com/interactive/2013/05/07/education/college-admissions-gap.html" width="594" height="404" srcset="https://onmedia.dw.com/russian/files/qqqq.png 594w, https://onmedia.dw.com/russian/files/qqqq-300x204.png 300w" sizes="(max-width: 594px) 100vw, 594px" /></a><p class="wp-caption-text">New York Times. Источник: http://www.nytimes.com/interactive/2013/05/07/education/college-admissions-gap.html</p></div>
<p>Эта тема в США сейчас очень актуальна, потому что все больше штатов отказываются от планов по <a href="http://ru.wikipedia.org/wiki/%D0%9F%D0%BE%D0%B7%D0%B8%D1%82%D0%B8%D0%B2%D0%BD%D0%B0%D1%8F_%D0%B4%D0%B8%D1%81%D0%BA%D1%80%D0%B8%D0%BC%D0%B8%D0%BD%D0%B0%D1%86%D0%B8%D1%8F#.D0.90.D0.BC.D0.B5.D1.80.D0.B8.D0.BA.D0.B0">&#8220;позитивной дискриминации</a>&#8220;. Начиная с времен президентов США Кеннеди и Джонсона с 60-х годах, эти планы должны были гарантировать определенные квоты по студентам различных расовых принадлежностей для университетов. Сейчас все больше республиканских штатов собираются отменить эти планы, потому что считают квоты незаконными.</p>
<p>В <a href="http://www.nytimes.com/interactive/2013/06/24/us/affirmative-action-bans.html?_r=0\&quot; style=">последующей интерактивной визуализации</a> редкция NYT показала результаты предудущих запретов в таких штатах, как Калифорния. Они сравнили процентное соотношение первокурсников различных рас с процентом жителей, принадлежащих к этой расе, возраст которых сопоставим с возрастом студентов.  Заметно, что особенно в Калифорнии запрет плана по &#8220;позитивной дискриминации&#8221; сопровождался серьезным снижением поступлений в колледж испаноязычного и черного населения.</p>
<div id="attachment_5471" aria-labelledby="figcaption_attachment_5471" class="wp-caption aligncenter" style="width: 594px"><a href="http://onmedia.dw.com/russian/files/for-the-elderly-diseases-that-overlap-interactive-feature-nytimes-com.png" rel="lightbox[5449]"><img class="size-full wp-image-5471" src="http://onmedia.dw.com/russian/files/for-the-elderly-diseases-that-overlap-interactive-feature-nytimes-com.png" alt="New York Times. Источник: http://www.nytimes.com/interactive/2013/04/16/science/disease-overlap-in-elderly.html" width="594" height="395" srcset="https://onmedia.dw.com/russian/files/for-the-elderly-diseases-that-overlap-interactive-feature-nytimes-com.png 594w, https://onmedia.dw.com/russian/files/for-the-elderly-diseases-that-overlap-interactive-feature-nytimes-com-300x199.png 300w" sizes="(max-width: 594px) 100vw, 594px" /></a><p class="wp-caption-text">New York Times. Источник: http://www.nytimes.com/interactive/2013/04/16/science/disease-overlap-in-elderly.html</p></div>
<p>Приведу последний пример. Это <a href="http://www.nytimes.com/interactive/2013/04/16/science/disease-overlap-in-elderly.html">потрясающая визуализация</a>, созданная сотрудниками New York Times Мэтью Блочем (Matthew Bloch) и Ханной Фэирфилд (Hannah Fairfield). С помощью диаграмм Венна авторы показывают пересечение различных болезней пожилых людей. У 9% из 700 000 обитателей центров помощи выявлено сочетание болезней сердца, высокого давления и болезни Альцгеймера, все вместе лечить очень сложно.</p>
<p><strong>&#8211; </strong><strong>Все приведенные примеры – из газеты New York Times. Чем они лучше других?</strong><strong> </strong></p>
<p>Аманда Кокс (<a href="https://twitter.com/amandacox">Amanda Cox</a>), графический редактор NYT, однажды сказала примерно следующее:  &#8220;Нужно взять читателя за руку и провести его через всю инфографику&#8221;.  Без аннотаций и объяснений любая инфографика &#8211; это всего лишь попытка сказать читателям: вот картинки, разбирайтесь, как хотите. Еще NYT правильно подходит к подбору команды. Они нанимают графических редакторов, картографов, 3D-аниматоров и разработчиков интерактивных приложений – и все они работают вместе. Во многих редакциях в Германии графический отдел для печатной версии или для телеканала до сих пор отделен от отдела графики онлайн-редакции. Это сильно затрудняет процесс создания качественных интерактивных визуализаций.</p>
<p><strong>&#8211; </strong><strong>Какие ресурсы по визуализации данных ты советуешь читать регулярно?</strong></p>
<p>Советую просматривать вот <a href="http://www.marijerooze.nl/thesis/graphics/">этот список визуализаций</a>, блог <a href="http://www.thefunctionalart.com/">Альберто Кайро</a>, вот этот <a href="http://source.mozillaopennews.org/en-US/">ресурс от Mozilla Open News</a>, а еще это <a href="http://bl.ocks.org/mbostock">собрание кодов</a> для разных визуализаций и сайт <a href="http://infosthetics.com/"> “Informations Aesthetics”</a>.</p>
<p><strong>&#8211; </strong><strong>Какие книги посоветуешь журналистам, которые хотят научиться создавать визуализации?</strong></p>
<p><a href="http://www.amazon.com/dp/0393072959/">The Wall Street Journal Guide to Information Graphics</a>, <a href="http://www.peachpit.com/store/functional-art-an-introduction-to-information-graphics-9780321834737">The Functional Art: An introduction to information graphics and visualization</a> и <a href="http://www.packtpub.com/data-visualization-a-successful-design-process/book">Data Visualization: A successful design process</a>.</p>
<p>Интервью вела <a href="http://mediakar.org/">Наталья Карбасова</a></p>
<p>Фото: <a href="http://dwm.re/wp-content/uploads/2013/01/gregor-aisch2_pic.jpg" rel="lightbox[5449]"><em>http://dwm.re/wp-content/uploads/2013/01/gregor-aisch2_pic.jpg</em></a></p>
<p>&nbsp;</p>
]]></content:encoded>
			</item>
	</channel>
</rss>
