Как создавать визуальные истории на основе данных

_________________

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

___________________________________________________

Дата-журналист из расследовательской команды «Вашингтон пост» Арон Уильямс рассказал, как проходит процесс его работы.

1 этап

Я всегда начинаю с данных. Прежде чем делать наброски или кодировать что-либо, я провожу исследование: ищу необычные темы в данных и все, что может заинтересовать других людей. Предварительно собираю все в «Экселе».

2 этап

Потом я переношу данные в Jupyterlab или R Studio, где я могу сделать более надежный анализ. На этом этапе уже можно создавать простые диаграммы, чтобы конкретизировать любые выводы, которые я нашел на первом этапе. Например, если я заметил некоторые разбросы в данных, я нарисую, как далеко они находятся от среднего значения или медианы, и посмотрю, интересно ли это. Большинство созданных здесь диаграмм и визуальных элементов не входят в окончательную визуализацию. Я создаю эти визуальные эффекты, чтобы помочь себе и моим сотрудникам понять объем данных и спросить других, что они думают об анализе.

Глубокий анализ данных в RStudio о смертности от передозировки опиоидов после изучения столбцов в Visidata

3 этап

Затем делаю некоторые наброски карандашом. Я делаю наброски на бумаге, прежде чем писать код. Рисование на бумаге — это дешевый способ исследовать идеи, не затрачивая слишком много ресурсов на создание визуала. Я также могу легко перебрать идеи, прежде чем выбрать несколько, которые заслуживают перевода в код.

Каракули из моего блокнота при работе над проектом

4 этап

Отсюда я перееду в Observable. Здесь я могу быстро получить рабочую среду JavaScript, не устанавливая ничего, кроме веб-браузера. И поскольку он полностью находится в интернете, я могу редактировать и делиться своей работой с любого компьютера, подключенного к интернету. Это позволяет мне отправлять графики в процессе разработки заинтересованным сторонам. Они могут изменять части графики без написания кода. Это означает, что даже тот, кто не знает JavaScript, может присылать мне отзывы о цветах, интервалах, маркировке и многом другом.

Кроме того, возможность экспортировать мою визуализированную графику как файлы PNG или SVG означает, что если проект не должен быть интерактивным, я могу создать большую часть графики в коде и затем переместить экспортированный файл в другую программу, например Adobe Illustrator. 

Все эти графики были созданы в Observable

Используя этот подход, моя коллега Бриттани Рени Мэйс создала набор визуальных эффектов для анализа, который мы провели по истории эпидемии опиоидов в США. И поскольку я сделал это в Observable, вы можете узнать, как это работает в моей записной книжке .